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

wip: UI to show image and associated properties

Browse Source 
wip

fix
This commit is contained in:
John Costa
2025-05-05 16:22:25 +01:00
parent 07b83aa728
commit 23d91890f5
10 changed files with 49 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/components/search-card/SearchCard.tsx
View File

@@ -6,6 +6,7 @@ import { SearchCardNote } from "./SearchCardNote";
export const SearchCard = (props: { item: UserImage }) => {
const { item } = props;
console.log(item);
switch (item.type) {
case "location":

2
frontend/src/components/search-card/SearchCardContact.tsx
View File

@@ -11,7 +11,7 @@ export const SearchCardContact = ({ item }: Props) => {
const { data } = item;
return (
<div class="absolute inset-0 p-3 bg-orange-50">
<div class="inset-0 p-3 bg-orange-50">
<div class="flex mb-1 items-center gap-1">
<IconUser size={14} class="text-neutral-500" />
<p class="text-xs text-neutral-500">Contact</p>

2
frontend/src/components/search-card/SearchCardEvent.tsx
View File

@@ -9,7 +9,7 @@ export const SearchCardEvent = ({ item }: Props) => {
const { data } = item;
return (
<div class="absolute inset-0 p-3 bg-purple-50">
<div class="inset-0 p-3 bg-purple-50">
<div class="flex mb-1 items-center gap-1">
<IconCalendar size={14} class="text-neutral-500" />
<p class="text-xs text-neutral-500">Event</p>

2
frontend/src/components/search-card/SearchCardLocation.tsx
View File

@@ -9,7 +9,7 @@ export const SearchCardLocation = ({ item }: Props) => {
const { data } = item;
return (
<div class="absolute inset-0 p-3 bg-red-50">
<div class="inset-0 p-3 bg-red-50">
<div class="flex mb-1 items-center gap-1">
<IconMapPin size={14} class="text-neutral-500" />
<p class="text-xs text-neutral-500">Location</p>

2
frontend/src/components/search-card/SearchCardNote.tsx
View File

@@ -12,7 +12,7 @@ export const SearchCardNote = ({ item }: Props) => {
const { data } = item;
return (
<div class="absolute inset-0 p-3 bg-green-50">
<div class="inset-0 p-3 bg-green-50">
<div class="flex mb-1 items-center gap-1">
<IconNote size={14} class="text-neutral-500" />
<p class="text-xs text-neutral-500">Note</p>

2
frontend/src/components/search-card/SearchCardReceipt.tsx
View File

@@ -11,7 +11,7 @@ export const SearchCardReceipt = ({ item }: Props) => {
const { data } = item;
return (
<div class="absolute inset-0 p-3 bg-yellow-50">
<div class="inset-0 p-3 bg-yellow-50">
<div class="grid grid-cols-[auto_20px] gap-1 mb-1">
<p class="text-sm text-neutral-900 font-bold">
{data.orderNumber} - {data.vendor}

2
frontend/src/components/search-card/SearchCardWebsite.tsx
View File

@@ -11,7 +11,7 @@ export const SearchCardWebsite = ({ item }: Props) => {
const { data } = item;
return (
<div class="absolute inset-0 p-3 bg-blue-50">
<div class="inset-0 p-3 bg-blue-50">
<div class="grid grid-cols-[auto_20px] gap-1 mb-1">
<p class="text-sm text-neutral-900 font-bold">{data.title}</p>
<IconLink size={20} class="text-neutral-500 mt-1" />