fix: lint project (#2693)

apps/remix/app/components/general/document-signing/document-signing-field-container.tsx

@@ -1,17 +1,15 @@
-import React from 'react';
-
-import { Trans } from '@lingui/react/macro';
-import { FieldType } from '@prisma/client';
-import { TooltipArrow } from '@radix-ui/react-tooltip';
-import { X } from 'lucide-react';
-
-import { type TRecipientActionAuth } from '@documenso/lib/types/document-auth';
+import type { TRecipientActionAuth } from '@documenso/lib/types/document-auth';
 import { ZFieldMetaSchema } from '@documenso/lib/types/field-meta';
 import type { FieldWithSignature } from '@documenso/prisma/types/field-with-signature';
 import { FieldRootContainer } from '@documenso/ui/components/field/field';
 import { getRecipientColorStyles } from '@documenso/ui/lib/recipient-colors';
 import { cn } from '@documenso/ui/lib/utils';
 import { Tooltip, TooltipContent, TooltipTrigger } from '@documenso/ui/primitives/tooltip';
+import { Trans } from '@lingui/react/macro';
+import { FieldType } from '@prisma/client';
+import { TooltipArrow } from '@radix-ui/react-tooltip';
+import { X } from 'lucide-react';
+import type React from 'react';
 
 import { useRequiredDocumentSigningAuthContext } from './document-signing-auth-provider';
 
@@ -40,17 +38,7 @@ export type DocumentSigningFieldContainerProps = {
    */
   onSign?: (documentAuthValue?: TRecipientActionAuth) => Promise<void> | void;
   onRemove?: (fieldType?: string) => Promise<void> | void;
-  type?:
-    | 'Date'
-    | 'Initials'
-    | 'Email'
-    | 'Name'
-    | 'Signature'
-    | 'Text'
-    | 'Radio'
-    | 'Dropdown'
-    | 'Number'
-    | 'Checkbox';
+  type?: 'Date' | 'Initials' | 'Email' | 'Name' | 'Signature' | 'Text' | 'Radio' | 'Dropdown' | 'Number' | 'Checkbox';
   tooltipText?: string | null;
 };
 
@@ -64,8 +52,7 @@ export const DocumentSigningFieldContainer = ({
   type,
   tooltipText,
 }: DocumentSigningFieldContainerProps) => {
-  const { executeActionAuthProcedure, isAuthRedirectRequired } =
-    useRequiredDocumentSigningAuthContext();
+  const { executeActionAuthProcedure, isAuthRedirectRequired } = useRequiredDocumentSigningAuthContext();
 
   const parsedFieldMeta = field.fieldMeta ? ZFieldMetaSchema.parse(field.fieldMeta) : undefined;
   const readOnlyField = parsedFieldMeta?.readOnly || false;
@@ -130,10 +117,7 @@ export const DocumentSigningFieldContainer = ({
   };
 
   return (
-    <FieldRootContainer
-      color={getRecipientColorStyles(field.fieldMeta?.readOnly ? 'readOnly' : 0)}
-      field={field}
-    >
+    <FieldRootContainer color={getRecipientColorStyles(field.fieldMeta?.readOnly ? 'readOnly' : 0)} field={field}>
       {!field.inserted && !loading && !readOnlyField && (
         <button
           type="submit"
@@ -159,10 +143,7 @@ export const DocumentSigningFieldContainer = ({
             <button className="absolute inset-0 z-10" onClick={onRemoveSignedFieldClick}></button>
           </TooltipTrigger>
 
-          <TooltipContent
-            className="border-0 bg-orange-300 fill-orange-300 text-orange-900"
-            sideOffset={2}
-          >
+          <TooltipContent className="border-0 bg-orange-300 fill-orange-300 text-orange-900" sideOffset={2}>
             {tooltipText && <p>{tooltipText}</p>}
 
             <Trans>Remove</Trans>
@@ -171,22 +152,21 @@ export const DocumentSigningFieldContainer = ({
         </Tooltip>
       )}
 
-      {(field.type === FieldType.RADIO || field.type === FieldType.CHECKBOX) &&
-        field.fieldMeta?.label && (
-          <div
-            className={cn(
-              'absolute -top-16 left-0 right-0 rounded-md p-2 text-center text-xs text-gray-700',
-              {
-                'border border-border bg-foreground/5': !field.inserted,
-              },
-              {
-                'border border-primary bg-documenso-200': field.inserted,
-              },
-            )}
-          >
-            {field.fieldMeta.label}
-          </div>
-        )}
+      {(field.type === FieldType.RADIO || field.type === FieldType.CHECKBOX) && field.fieldMeta?.label && (
+        <div
+          className={cn(
+            'absolute -top-16 right-0 left-0 rounded-md p-2 text-center text-gray-700 text-xs',
+            {
+              'border border-border bg-foreground/5': !field.inserted,
+            },
+            {
+              'border border-primary bg-documenso-200': field.inserted,
+            },
+          )}
+        >
+          {field.fieldMeta.label}
+        </div>
+      )}
 
       {children}
     </FieldRootContainer>