Haystack V2: Removing entities completely

frontend/src/pages/image/index.tsx

@@ -1,25 +1,16 @@
 import { ImageComponent } from "@components/image";
-import { SearchCard } from "@components/search-card/SearchCard";
 import { useSearchImageContext } from "@contexts/SearchImageContext";
-import { UserImage } from "@network/index";
 import { useParams } from "@solidjs/router";
-import { createEffect, For, Show, type Component } from "solid-js";
+import { type Component } from "solid-js";
 import SolidjsMarkdown from "solidjs-markdown";
 
 export const ImagePage: Component = () => {
 	const { imageId } = useParams<{ imageId: string }>();
 
-	const { imagesWithProperties, userImages } = useSearchImageContext();
+	const { userImages } = useSearchImageContext();
 
 	const image = () => userImages().find((i) => i.ImageID === imageId);
 
-	createEffect(() => {
-		console.log(userImages());
-	});
-
-	const imageProperties = (): UserImage[] | undefined =>
-		Object.entries(imagesWithProperties()).find(([id]) => id === imageId)?.[1];
-
 	return (
 		<main class="flex flex-col items-center gap-4">
 			<div class="w-full bg-white rounded-xl p-4">
@@ -29,15 +20,7 @@ export const ImagePage: Component = () => {
 				<h2 class="font-bold text-xl">Description</h2>
 				<SolidjsMarkdown>{image()?.Image.Description}</SolidjsMarkdown>
 			</div>
-			<div class="w-full grid grid-cols-3 gap-2 grid-flow-row-dense p-4 bg-white rounded-xl">
-				<Show when={imageProperties()}>
-					{(image) => (
-						<For each={image()}>
-							{(property) => <SearchCard item={property} />}
-						</For>
-					)}
-				</Show>
-			</div>
+			<div class="w-full grid grid-cols-3 gap-2 grid-flow-row-dense p-4 bg-white rounded-xl"></div>
 		</main>
 	);
 };