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

feat: contacts working

Browse Source
This commit is contained in:
John Costa
2025-04-11 20:31:51 +01:00
parent f89de6db50
commit 9660c99a14
5 changed files with 29 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,10 +1,10 @@
import { Separator } from "@kobalte/core/separator";
import { IconUser } from "@tabler/icons-solidjs";
import type { Contact } from "../../network/types";
import type { UserImage } from "../../network";
type Props = {
item: Contact;
item: Extract<UserImage, { type: "contact" }>;
};
export const SearchCardContact = ({ item }: Props) => {
@@ -13,13 +13,15 @@ export const SearchCardContact = ({ item }: Props) => {
return (
<div class="absolute inset-0 p-3 bg-orange-50">
<div class="grid grid-cols-[auto_20px] gap-1 mb-1">
<p class="text-sm text-neutral-900 font-bold">{data.name}</p>
<p class="text-sm text-neutral-900 font-bold">{data.Name}</p>
<IconUser size={20} class="text-neutral-500 mt-1" />
</div>
<p class="text-xs text-neutral-500">{data.phoneNumber}</p>
<p class="text-xs text-neutral-500">{data.PhoneNumber}</p>
<Separator class="my-2" />
<p class="text-xs text-neutral-500">{data.Email}</p>
<Separator class="my-2" />
<p class="text-xs text-neutral-500 line-clamp-2 overflow-hidden">
{data.notes}
{data.Description}
</p>
</div>
);