From 81ee582f1c4591737a2e30998e9a9a03c0b45c8f Mon Sep 17 00:00:00 2001
From: David Nguyen <davidngu28@gmail.com>
Date: Sat, 30 Mar 2024 13:43:28 +0800
Subject: [PATCH] fix: linting warnings (#1069)

## Description

Cleaned up code that was being highlighted in the dev tools
---
 apps/web/src/app/(dashboard)/admin/users/data-table-users.tsx | 1 +
 apps/web/src/components/(dashboard)/avatar/stack-avatars.tsx  | 2 +-
 apps/web/src/components/branding/logo.tsx                     | 2 +-
 apps/web/src/components/formatter/template-type.tsx           | 4 ++--
 .../src/components/forms/2fa/view-recovery-codes-dialog.tsx   | 3 ---
 apps/web/src/components/forms/profile.tsx                     | 3 ---
 apps/web/src/components/ui/background.tsx                     | 2 +-
 apps/web/src/providers/next-theme.tsx                         | 2 +-
 8 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/apps/web/src/app/(dashboard)/admin/users/data-table-users.tsx b/apps/web/src/app/(dashboard)/admin/users/data-table-users.tsx
index a8e02ca9f..0cb523c3f 100644
--- a/apps/web/src/app/(dashboard)/admin/users/data-table-users.tsx
+++ b/apps/web/src/app/(dashboard)/admin/users/data-table-users.tsx
@@ -58,6 +58,7 @@ export const UsersDataTable = ({
         perPage,
       });
     });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [debouncedSearchString]);
 
   const onPaginationChange = (page: number, perPage: number) => {
diff --git a/apps/web/src/components/(dashboard)/avatar/stack-avatars.tsx b/apps/web/src/components/(dashboard)/avatar/stack-avatars.tsx
index 91f470f74..69e7d1142 100644
--- a/apps/web/src/components/(dashboard)/avatar/stack-avatars.tsx
+++ b/apps/web/src/components/(dashboard)/avatar/stack-avatars.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import { getRecipientType } from '@documenso/lib/client-only/recipient-type';
 import { recipientAbbreviation } from '@documenso/lib/utils/recipient-formatter';
-import { Recipient } from '@documenso/prisma/client';
+import type { Recipient } from '@documenso/prisma/client';
 
 import { StackAvatar } from './stack-avatar';
 
diff --git a/apps/web/src/components/branding/logo.tsx b/apps/web/src/components/branding/logo.tsx
index 6cd4c550c..92087a149 100644
--- a/apps/web/src/components/branding/logo.tsx
+++ b/apps/web/src/components/branding/logo.tsx
@@ -1,4 +1,4 @@
-import { SVGAttributes } from 'react';
+import type { SVGAttributes } from 'react';
 
 export type LogoProps = SVGAttributes<SVGSVGElement>;
 
diff --git a/apps/web/src/components/formatter/template-type.tsx b/apps/web/src/components/formatter/template-type.tsx
index a7f10105e..3bcb3b05e 100644
--- a/apps/web/src/components/formatter/template-type.tsx
+++ b/apps/web/src/components/formatter/template-type.tsx
@@ -1,9 +1,9 @@
-import { HTMLAttributes } from 'react';
+import type { HTMLAttributes } from 'react';
 
 import { Globe, Lock } from 'lucide-react';
 import type { LucideIcon } from 'lucide-react/dist/lucide-react';
 
-import { TemplateType as TemplateTypePrisma } from '@documenso/prisma/client';
+import type { TemplateType as TemplateTypePrisma } from '@documenso/prisma/client';
 import { cn } from '@documenso/ui/lib/utils';
 
 type TemplateTypeIcon = {
diff --git a/apps/web/src/components/forms/2fa/view-recovery-codes-dialog.tsx b/apps/web/src/components/forms/2fa/view-recovery-codes-dialog.tsx
index 66df7bbab..8a6177b5b 100644
--- a/apps/web/src/components/forms/2fa/view-recovery-codes-dialog.tsx
+++ b/apps/web/src/components/forms/2fa/view-recovery-codes-dialog.tsx
@@ -47,12 +47,9 @@ export const ViewRecoveryCodesDialog = () => {
     data: recoveryCodes,
     mutate,
     isLoading,
-    isError,
     error,
   } = trpc.twoFactorAuthentication.viewRecoveryCodes.useMutation();
 
-  // error?.data?.code
-
   const viewRecoveryCodesForm = useForm<TViewRecoveryCodesForm>({
     defaultValues: {
       token: '',
diff --git a/apps/web/src/components/forms/profile.tsx b/apps/web/src/components/forms/profile.tsx
index c3f8eca37..42d69047f 100644
--- a/apps/web/src/components/forms/profile.tsx
+++ b/apps/web/src/components/forms/profile.tsx
@@ -55,11 +55,8 @@ export const ProfileForm = ({ className, user }: ProfileFormProps) => {
   });
 
   const isSubmitting = form.formState.isSubmitting;
-  const hasTwoFactorAuthentication = user.twoFactorEnabled;
 
   const { mutateAsync: updateProfile } = trpc.profile.updateProfile.useMutation();
-  const { mutateAsync: deleteAccount, isLoading: isDeletingAccount } =
-    trpc.profile.deleteAccount.useMutation();
 
   const onFormSubmit = async ({ name, signature }: TProfileFormSchema) => {
     try {
diff --git a/apps/web/src/components/ui/background.tsx b/apps/web/src/components/ui/background.tsx
index 5763967ec..0e0bea5ca 100644
--- a/apps/web/src/components/ui/background.tsx
+++ b/apps/web/src/components/ui/background.tsx
@@ -1,4 +1,4 @@
-import { SVGAttributes } from 'react';
+import type { SVGAttributes } from 'react';
 
 export type BackgroundProps = Omit<SVGAttributes<SVGElement>, 'viewBox'>;
 
diff --git a/apps/web/src/providers/next-theme.tsx b/apps/web/src/providers/next-theme.tsx
index 6e9122e5a..d15114606 100644
--- a/apps/web/src/providers/next-theme.tsx
+++ b/apps/web/src/providers/next-theme.tsx
@@ -3,7 +3,7 @@
 import * as React from 'react';
 
 import { ThemeProvider as NextThemesProvider } from 'next-themes';
-import { ThemeProviderProps } from 'next-themes/dist/types';
+import type { ThemeProviderProps } from 'next-themes/dist/types';
 
 export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
   return <NextThemesProvider {...props}>{children}</NextThemesProvider>;