From b02c345d5f1846981fcf8b8b074a737172b97de5 Mon Sep 17 00:00:00 2001
From: isra el <vernu1997@gmail.com>
Date: Fri, 29 Mar 2024 07:06:01 +0300
Subject: [PATCH] fix(web): fix build error

---
 web/components/dashboard/ApiKeyList.tsx | 4 +++-
 web/components/dashboard/DeviceList.tsx | 3 +--
 web/pages/reset-password.tsx            | 8 +++++---
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/web/components/dashboard/ApiKeyList.tsx b/web/components/dashboard/ApiKeyList.tsx
index 118f17c..1d01dff 100644
--- a/web/components/dashboard/ApiKeyList.tsx
+++ b/web/components/dashboard/ApiKeyList.tsx
@@ -34,7 +34,9 @@ const ApiKeyRow = ({ apiKey }: any) => {
       <Td>{apiKey.status}</Td>
       <Td>
         <Tooltip label='Double Click to delete'>
-          <DeleteIcon onDoubleClick={handleDelete} disabled/>
+          <DeleteIcon
+            // onDoubleClick={handleDelete}
+          />
         </Tooltip>
       </Td>
     </Tr>
diff --git a/web/components/dashboard/DeviceList.tsx b/web/components/dashboard/DeviceList.tsx
index b1e2e88..badcf6e 100644
--- a/web/components/dashboard/DeviceList.tsx
+++ b/web/components/dashboard/DeviceList.tsx
@@ -29,8 +29,7 @@ const DeviceRow = ({ device, onDelete }: any) => {
           <IconButton
             aria-label='Delete'
             icon={<DeleteIcon />}
-            onDoubleClick={onDelete}
-            disabled
+            // onDoubleClick={onDelete}
           />
         </Tooltip>
       </Td>
diff --git a/web/pages/reset-password.tsx b/web/pages/reset-password.tsx
index d83627f..f6a0156 100644
--- a/web/pages/reset-password.tsx
+++ b/web/pages/reset-password.tsx
@@ -92,6 +92,8 @@ export default function LoginPage() {
     })
   }
 
+  const colorModeValue = useColorModeValue('gray.50', 'gray.800')
+
   if (resetSuccess) {
     return (
       <>
@@ -99,7 +101,7 @@ export default function LoginPage() {
           minH={'90vh'}
           align={'center'}
           justify={'center'}
-          bg={useColorModeValue('gray.50', 'gray.800')}
+          bg={colorModeValue}
         >
           <Stack pt={6}>
             <Text align={'center'}>Password reset successfully</Text>
@@ -117,7 +119,7 @@ export default function LoginPage() {
       minH={'90vh'}
       align={'center'}
       justify={'center'}
-      bg={useColorModeValue('gray.50', 'gray.800')}
+      bg={colorModeValue}
     >
       <Stack spacing={8} mx={'auto'} maxW={'lg'} py={12} px={6}>
         <Stack align={'center'}>
@@ -127,7 +129,7 @@ export default function LoginPage() {
         </Stack>
         <Box
           rounded={'lg'}
-          bg={useColorModeValue('white', 'gray.700')}
+          bg={colorModeValue}
           boxShadow={'lg'}
           p={8}
         >