Remove wrong controller theme context

packages/keychain/.gitignore

@@ -24,3 +24,5 @@ dist-ssr
 *.sw?
 stats.html
 .vercel
+
+storybook-static/

packages/keychain/.storybook/provider.tsx

@@ -51,10 +51,10 @@ function ControllerThemeProvider({
   theme = defaultTheme,
 }: PropsWithChildren<{ theme?: ControllerTheme }>) {
   useThemeEffect({ theme, assetUrl: "" });
-  const chakraTheme = useChakraTheme(theme);
+  const chakraTheme = useChakraTheme({ ...theme, verified: false });
 
   return (
-    <ControllerThemeContext.Provider value={theme}>
+    <ControllerThemeContext.Provider value={{ ...theme, verified: false }}>
       <ChakraProvider theme={chakraTheme}>{children}</ChakraProvider>
     </ControllerThemeContext.Provider>
   );

packages/keychain/src/context/theme.tsx

@@ -1,6 +1,10 @@
 import { ControllerTheme } from "@cartridge/presets";
 import { createContext } from "react";
 
+export type VerifiableControllerTheme = ControllerTheme & {
+  verified: boolean;
+};
+
 export const ControllerThemeContext = createContext<
-  ControllerTheme | undefined
+  VerifiableControllerTheme | undefined
 >(undefined);

packages/keychain/src/hooks/theme.tsx

@@ -1,14 +1,10 @@
-import { ControllerColor, ControllerTheme } from "@cartridge/presets";
+import {
+  ControllerThemeContext,
+  VerifiableControllerTheme,
+} from "@/context/theme";
+import { ControllerColor } from "@cartridge/presets";
 import { CartridgeTheme } from "@cartridge/ui";
-import { useContext, createContext, useMemo } from "react";
-
-export type VerifiableControllerTheme = ControllerTheme & {
-  verified: boolean;
-};
-
-export const ControllerThemeContext = createContext<
-  VerifiableControllerTheme | undefined
->(undefined);
+import { useContext, useMemo } from "react";
 
 export function useControllerTheme() {
   const ctx = useContext<VerifiableControllerTheme | undefined>(