JohnCosta27/Haystack
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

chores

Browse Source 
fix
This commit is contained in:
John Costa
2025-07-29 15:23:33 +01:00
parent 5de5e0b56e
commit fda09ae07a
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/image/index.tsx
View File

@ -4,9 +4,9 @@ import { A } from "@solidjs/router";
export const ImageComponent: Component<{ ID: string }> = (props) => { export const ImageComponent: Component<{ ID: string }> = (props) => {
return ( return (
<A href={`/image/${props.ID}`} class="w-full flex justify-center"> <A href={`/image/${props.ID}`} class="w-full flex justify-center h-[300px]">
<img <img
class="w-full object-contain rounded-xl max-w-[700px] max-h-[400px]" class="flex w-full object-contain rounded-xl"
src={`${base}/image/${props.ID}`} src={`${base}/image/${props.ID}`}
/> />
</A> </A>

3
frontend/src/pages/search/index.tsx
View File

@ -3,6 +3,7 @@ import { Search } from "@kobalte/core/search";
import { IconSearch } from "@tabler/icons-solidjs"; import { IconSearch } from "@tabler/icons-solidjs";
import { useSearch } from "./search"; import { useSearch } from "./search";
import { JustTheImageWhatAreTheseNames } from "@network/index"; import { JustTheImageWhatAreTheseNames } from "@network/index";
import { ImageComponent } from "@components/image";
export const SearchPage: Component = () => { export const SearchPage: Component = () => {
const fuse = useSearch(); const fuse = useSearch();
@ -37,7 +38,7 @@ export const SearchPage: Component = () => {
<Search.Content class="container relative w-full rounded-xl bg-white p-4 grid grid-cols-3 gap-4"> <Search.Content class="container relative w-full rounded-xl bg-white p-4 grid grid-cols-3 gap-4">
<Search.Arrow /> <Search.Arrow />
<For each={searchItems()}> <For each={searchItems()}>
{(item) => <div>{item.Image.Description}</div>} {(item) => <ImageComponent ID={item.ImageID} />}
</For> </For>
<Search.NoResult>No result found</Search.NoResult> <Search.NoResult>No result found</Search.NoResult>
</Search.Content> </Search.Content>