Fixing keyword adding/storage hook

brynnb · Sep 6, 2024 · 10e1da3 · 10e1da3
1 parent 1ca83e9
commit 10e1da3
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 16 deletions.
diff --git a/packages/storage/lib/index.ts b/packages/storage/lib/index.ts
@@ -2,3 +2,4 @@ import { createStorage, StorageType, type BaseStorage, SessionAccessLevel } from
 import { exampleThemeStorage } from './exampleThemeStorage';
 
 export { exampleThemeStorage, createStorage, StorageType, SessionAccessLevel, BaseStorage };
+export { keywordsStorage } from './keywordsStorage';
diff --git a/pages/popup/src/Popup.tsx b/pages/popup/src/Popup.tsx
@@ -44,26 +44,26 @@ const Popup = () => {
             ))}
           </ul>
         </div>
-        <ToggleButton>Toggle light/dark mode</ToggleButton>
+        {/* <ToggleButton>Toggle light/dark mode</ToggleButton> */}
       </header>
     </div>
   );
 };
 
-const ToggleButton = (props: ComponentPropsWithoutRef<'button'>) => {
-  const theme = useStorageSuspense(exampleThemeStorage);
-  return (
-    <button
-      className={
-        props.className +
-        ' ' +
-        'font-bold mt-4 py-1 px-4 rounded shadow hover:scale-105 ' +
-        (theme === 'light' ? 'bg-white text-black shadow-black' : 'bg-black text-white')
-      }
-      onClick={exampleThemeStorage.toggle}>
-      {props.children}
-    </button>
-  );
-};
+// const ToggleButton = (props: ComponentPropsWithoutRef<'button'>) => {
+//   const theme = useStorageSuspense(exampleThemeStorage);
+//   return (
+//     <button
+//       className={
+//         props.className +
+//         ' ' +
+//         'font-bold mt-4 py-1 px-4 rounded shadow hover:scale-105 ' +
+//         (theme === 'light' ? 'bg-white text-black shadow-black' : 'bg-black text-white')
+//       }
+//       onClick={exampleThemeStorage.toggle}>
+//       {props.children}
+//     </button>
+//   );
+// };
 
 export default withErrorBoundary(withSuspense(Popup, <div> Loading ... </div>), <div> Error Occur </div>);