diff --git a/frontend/src/Entity.tsx b/frontend/src/Entity.tsx
index ef03bd5..dcb33d3 100644
--- a/frontend/src/Entity.tsx
+++ b/frontend/src/Entity.tsx
@@ -2,6 +2,7 @@ import { useParams } from "@solidjs/router";
import { Component, For, Show } from "solid-js";
import { ConcreteItemModal } from "./components/item-modal/ItemModal";
import { useSearchImageContext } from "./contexts/SearchImageContext";
+import { Image } from "./components/image";
export const Entity: Component = () => {
const params = useParams<{ entityId: string }>();
@@ -19,7 +20,9 @@ export const Entity: Component = () => {
{(e) => (
-
{(imageId) => {imageId}
}
+
+ {(imageId) => }
+
)}
diff --git a/frontend/src/Image.tsx b/frontend/src/Image.tsx
index 0129bbb..5ee0409 100644
--- a/frontend/src/Image.tsx
+++ b/frontend/src/Image.tsx
@@ -4,45 +4,32 @@ import { base, type UserImage } from "./network";
import { useSearchImageContext } from "./contexts/SearchImageContext";
import { SearchCard } from "./components/search-card/SearchCard";
import { IconArrowLeft } from "@tabler/icons-solidjs";
-import { useSetEntity } from "./WithEntityDialog";
export const Image: Component = () => {
- const { imageId } = useParams<{ imageId: string }>();
+ const { imageId } = useParams<{ imageId: string }>();
- const { imagesWithProperties } = useSearchImageContext();
+ const { imagesWithProperties } = useSearchImageContext();
- const imageProperties = (): UserImage[] | undefined =>
- Object.entries(imagesWithProperties()).find(
- ([id]) => id === imageId,
- )?.[1];
+ const imageProperties = (): UserImage[] | undefined =>
+ Object.entries(imagesWithProperties()).find(([id]) => id === imageId)?.[1];
- const setEntity = useSetEntity();
-
- return (
-
-
-
-
-
- {(image) => (
-
- {(property) => (
- setEntity(property)}
- onClick={() => setEntity(property)}
- class="h-[144px] border relative col-span-3 border-neutral-200 cursor-pointer overflow-hidden rounded-xl"
- >
-
-
- )}
-
- )}
-
-
-
- );
+ return (
+
+
+
+
+
+ {(image) => (
+
+ {(property) => }
+
+ )}
+
+
+
+ );
};
diff --git a/frontend/src/components/image/index.tsx b/frontend/src/components/image/index.tsx
new file mode 100644
index 0000000..5c30065
--- /dev/null
+++ b/frontend/src/components/image/index.tsx
@@ -0,0 +1,6 @@
+import { Component } from "solid-js";
+import { base } from "../../network";
+
+export const Image: Component<{ ID: string }> = (props) => {
+ return
;
+};