From 38c6394d8e143c93ef64ba67f4c0fab571fefe2b Mon Sep 17 00:00:00 2001
From: gearnode <bryan@frimin.fr>
Date: Thu, 27 Feb 2025 15:39:36 +0100
Subject: [PATCH] Fix lint issues

Signed-off-by: gearnode <bryan@frimin.fr>
---
 apps/console/src/App.tsx                       | 6 +++---
 apps/console/src/components/ui/textarea.tsx    | 6 ++++--
 apps/console/src/pages/UpdateFrameworkPage.tsx | 8 +++-----
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/apps/console/src/App.tsx b/apps/console/src/App.tsx
index a4fd3a09e..276e39bdb 100644
--- a/apps/console/src/App.tsx
+++ b/apps/console/src/App.tsx
@@ -24,7 +24,7 @@ posthog.init(process.env.POSTHOG_KEY!, {
 });
 
 const OrganizationSelectionPage = lazy(
-  () => import("./pages/OrganizationSelectionPage")
+  () => import("./pages/OrganizationSelectionPage"),
 );
 const HomePage = lazy(() => import("./pages/HomePage"));
 const NotFoundPage = lazy(() => import("./pages/NotFoundPage"));
@@ -35,14 +35,14 @@ const VendorOverviewPage = lazy(() => import("./pages/VendorOverviewPage"));
 const SettingsPage = lazy(() => import("./pages/SettingsPage"));
 const CreatePeoplePage = lazy(() => import("./pages/CreatePeoplePage"));
 const FrameworkOverviewPage = lazy(
-  () => import("./pages/FrameworkOverviewPage")
+  () => import("./pages/FrameworkOverviewPage"),
 );
 const ControlOverviewPage = lazy(() => import("./pages/ControlOverviewPage"));
 const PeopleOverviewPage = lazy(() => import("./pages/PeopleOverviewPage"));
 const LoginPage = lazy(() => import("./pages/LoginPage"));
 const RegisterPage = lazy(() => import("./pages/RegisterPage"));
 const CreateOrganizationPage = lazy(
-  () => import("./pages/CreateOrganizationPage")
+  () => import("./pages/CreateOrganizationPage"),
 );
 const CreateFrameworkPage = lazy(() => import("./pages/CreateFrameworkPage"));
 const CreateControlPage = lazy(() => import("./pages/CreateControlPage"));
diff --git a/apps/console/src/components/ui/textarea.tsx b/apps/console/src/components/ui/textarea.tsx
index dcacc30f6..0bb8bf6ed 100644
--- a/apps/console/src/components/ui/textarea.tsx
+++ b/apps/console/src/components/ui/textarea.tsx
@@ -4,13 +4,15 @@ import { cn } from "@/lib/utils";
 
 const Textarea = React.forwardRef<
   HTMLTextAreaElement,
-  React.TextareaHTMLAttributes<HTMLTextAreaElement>
+  React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    className?: string;
+  }
 >(({ className, ...props }, ref) => {
   return (
     <textarea
       className={cn(
         "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-        className,
+        className
       )}
       ref={ref}
       {...props}
diff --git a/apps/console/src/pages/UpdateFrameworkPage.tsx b/apps/console/src/pages/UpdateFrameworkPage.tsx
index 92f66c7e2..9ab3cf8bf 100644
--- a/apps/console/src/pages/UpdateFrameworkPage.tsx
+++ b/apps/console/src/pages/UpdateFrameworkPage.tsx
@@ -87,7 +87,7 @@ function EditableField({
           }
           className={cn(
             "w-full resize-none",
-            required && !value && "border-red-500",
+            required && !value && "border-red-500"
           )}
           placeholder={`Enter ${label.toLowerCase()}`}
           rows={4}
@@ -117,7 +117,7 @@ function UpdateFrameworkPageContent({
   const navigate = useNavigate();
   const { toast } = useToast();
   const data = usePreloadedQuery(updateFrameworkQuery, queryRef);
-  const [editedFields, setEditedFields] = useState<Set<string>>(new Set());
+  const [, setEditedFields] = useState<Set<string>>(new Set());
   const [formData, setFormData] = useState({
     name: "",
     description: "",
@@ -134,7 +134,7 @@ function UpdateFrameworkPageContent({
 
   const [commit, isInFlight] =
     useMutation<UpdateFrameworkPageUpdateFrameworkMutation>(
-      updateFrameworkMutation,
+      updateFrameworkMutation
     );
 
   const handleFieldChange = (field: keyof typeof formData, value: unknown) => {
@@ -149,8 +149,6 @@ function UpdateFrameworkPageContent({
     navigate(`/organizations/${organizationId}/frameworks/${frameworkId}`);
   };
 
-  const hasChanges = editedFields.size > 0;
-
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();