fix: wip

packages/ui/primitives/document-flow/field-icon.tsx

@@ -19,8 +19,6 @@ import { cn } from '../../lib/utils';
 type FieldIconProps = {
   fieldMeta: FieldMetaType;
   type: FieldType;
-  signerEmail?: string;
-  fontCaveatClassName?: string;
 };
 
 const fieldIcons = {
@@ -35,18 +33,12 @@ const fieldIcons = {
   [FieldType.DROPDOWN]: { icon: ChevronDown, label: 'Select' },
 };
 
-export const FieldIcon = ({
-  fieldMeta,
-  type,
-  signerEmail,
-  fontCaveatClassName,
-}: FieldIconProps) => {
+export const FieldIcon = ({ fieldMeta, type }: FieldIconProps) => {
   if (type === 'SIGNATURE' || type === 'FREE_SIGNATURE') {
     return (
       <div
         className={cn(
-          'text-field-card-foreground flex items-center justify-center gap-x-1 text-[clamp(0.575rem,25cqw,1.2rem)]',
-          fontCaveatClassName,
+          'text-field-card-foreground font-signature flex items-center justify-center gap-x-1 text-[clamp(0.575rem,25cqw,1.2rem)]',
         )}
       >
         <Trans>Signature</Trans>

packages/ui/primitives/document-flow/field-item.tsx

@@ -1,7 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
-// Todo
-// import { Caveat } from 'next/font/google';
 import { CopyPlus, Settings2, Trash } from 'lucide-react';
 import { createPortal } from 'react-dom';
 import { Rnd } from 'react-rnd';
@@ -20,13 +18,6 @@ import type { TDocumentFlowFormSchema } from './types';
 
 type Field = TDocumentFlowFormSchema['fields'][0];
 
-// const fontCaveat = Caveat({
-//   weight: ['500'],
-//   subsets: ['latin'],
-//   display: 'swap',
-//   variable: '--font-caveat',
-// });
-
 export type FieldItemProps = {
   field: Field;
   passive?: boolean;
@@ -252,12 +243,7 @@ export const FieldItem = ({
           .with('CHECKBOX', () => <CheckboxField field={field} />)
           .with('RADIO', () => <RadioField field={field} />)
           .otherwise(() => (
-            <FieldIcon
-              fieldMeta={field.fieldMeta}
-              type={field.type}
-              signerEmail={field.signerEmail}
-              // fontCaveatClassName={fontCaveat.className}
-            />
+            <FieldIcon fieldMeta={field.fieldMeta} type={field.type} />
           ))}
 
         {!hideRecipients && (

packages/ui/primitives/document-flow/show-field-item.tsx

@@ -1,6 +1,5 @@
-// import { Caveat } from 'next/font/google';
 import { useLingui } from '@lingui/react';
-import type { Prisma } from '@prisma/client';
+import { FieldType, type Prisma } from '@prisma/client';
 import { createPortal } from 'react-dom';
 
 import { useFieldPageCoords } from '@documenso/lib/client-only/hooks/use-field-page-coords';
@@ -10,26 +9,16 @@ import { cn } from '../../lib/utils';
 import { Card, CardContent } from '../card';
 import { FRIENDLY_FIELD_TYPE } from './types';
 
-// const fontCaveat = Caveat({
-//   weight: ['500'],
-//   subsets: ['latin'],
-//   display: 'swap',
-//   variable: '--font-caveat',
-// });
-
 export type ShowFieldItemProps = {
   field: Prisma.FieldGetPayload<null>;
   recipients: Prisma.RecipientGetPayload<null>[];
 };
 
-export const ShowFieldItem = ({ field, recipients }: ShowFieldItemProps) => {
+export const ShowFieldItem = ({ field }: ShowFieldItemProps) => {
   const { _ } = useLingui();
 
   const coords = useFieldPageCoords(field);
 
-  const signerEmail =
-    recipients.find((recipient) => recipient.id === field.recipientId)?.email ?? '';
-
   return createPortal(
     <div
       className={cn('pointer-events-none absolute z-10 opacity-75')}
@@ -44,7 +33,7 @@ export const ShowFieldItem = ({ field, recipients }: ShowFieldItemProps) => {
         <CardContent
           className={cn(
             'text-muted-foreground/50 flex h-full w-full flex-col items-center justify-center p-0 text-[clamp(0.575rem,1.8cqw,1.2rem)] leading-none',
-            // field.type === FieldType.SIGNATURE && fontCaveat.className,
+            field.type === FieldType.SIGNATURE && 'font-signature',
           )}
         >
           {parseMessageDescriptor(_, FRIENDLY_FIELD_TYPE[field.type])}