diff --git a/apps/web/components/contacts/contacts-list.tsx b/apps/web/components/contacts/contacts-list.tsx index d3f890d..286ac69 100644 --- a/apps/web/components/contacts/contacts-list.tsx +++ b/apps/web/components/contacts/contacts-list.tsx @@ -3,7 +3,9 @@ import { useCustomerContacts } from '@/hooks/api/contacts'; import * as GQL from '@repo/graphql/types'; import { Avatar, AvatarFallback, AvatarImage } from '@repo/ui/components/ui/avatar'; +import { Badge } from '@repo/ui/components/ui/badge'; import { LoadingSpinner } from '@repo/ui/components/ui/spinner'; +import { cn } from '@repo/ui/lib/utils'; import Link from 'next/link'; import { memo } from 'react'; @@ -13,18 +15,26 @@ type ContactRowProps = { const ContactRow = memo(function ({ contact }: ContactRowProps) { return ( - -
{contact.name}
-- {contact.role === GQL.Enum_Customer_Role.Client ? 'Клиент' : 'Мастер'} -
+ +{contact.name}
++ {contact.role === GQL.Enum_Customer_Role.Client ? 'Клиент' : 'Мастер'} +
+