refactor(theme, colors): replace isLightMode with colorMode in regula…

…r components (anoma#103) * fix(theme, colors): replace isLightMode with colorMode in regukar components * fix: replace == with ===
phy-chain · Oct 10, 2022 · 629e6dd · 629e6dd
1 parent c1069da
commit 629e6dd
Show file tree

Hide file tree

Showing 12 changed files with 37 additions and 688 deletions.
diff --git a/apps/namada-interface/src/App/AccountOverview/DerivedAccounts/DerivedAccounts.tsx b/apps/namada-interface/src/App/AccountOverview/DerivedAccounts/DerivedAccounts.tsx
@@ -175,12 +175,12 @@ const DerivedAccounts = ({ setTotal }: Props): JSX.Element => {
       const shielded: TokenBalance[] =
         tokens.filter(
           (tokenBalance) =>
-            tokenBalance.token == symbol && tokenBalance.isShielded
+            tokenBalance.token === symbol && tokenBalance.isShielded
         ) || [];
       const transparent: TokenBalance[] =
         tokens.filter(
           (tokenBalance) =>
-            tokenBalance.token == symbol && !tokenBalance.isShielded
+            tokenBalance.token === symbol && !tokenBalance.isShielded
         ) || [];
       tokenBalances.push(...shielded, ...transparent);
       return tokenBalances;

diff --git a/apps/namada-interface/src/App/App.components.ts b/apps/namada-interface/src/App/App.components.ts
@@ -1,6 +1,6 @@
 import styled, { createGlobalStyle } from "styled-components/macro";
 import { motion } from "framer-motion";
-import { DesignConfiguration, ThemeName } from "utils/theme";
+import { ColorMode, DesignConfiguration, ThemeName } from "utils/theme";
 
 enum ComponentColor {
   BorderColor,
@@ -25,7 +25,7 @@ const getColor = (
   }
 };
 type GlobalStyleProps = {
-  isLightMode: boolean;
+  colorMode: ColorMode;
 };
 
 // Set global styles for themed control of background color based

diff --git a/apps/namada-interface/src/App/App.tsx b/apps/namada-interface/src/App/App.tsx
@@ -70,7 +70,7 @@ function App(): JSX.Element {
   const theme = getTheme(isLightMode, ShouldUsePlaceholderTheme);
 
   const toggleColorMode = (): void => {
-    setColorMode((currentMode) => (currentMode == "dark" ? "light" : "dark"));
+    setColorMode((currentMode) => (currentMode === "dark" ? "light" : "dark"));
   };
 
   useEffect(() => storeColorMode(colorMode), [colorMode]);
@@ -85,11 +85,11 @@ function App(): JSX.Element {
     return (
       <ThemeProvider theme={theme}>
         <Provider store={store}>
-          <GlobalStyles isLightMode={isLightMode} />
+          <GlobalStyles colorMode={colorMode} />
           <AppContainer data-testid="AppContainer">
             <TopSection>
               <TopNavigation
-                isLightMode={isLightMode}
+                colorMode={colorMode}
                 toggleColorMode={toggleColorMode}
                 setColorMode={setColorMode}
                 isLoggedIn={!!password}
@@ -118,11 +118,11 @@ function App(): JSX.Element {
    */
   return (
     <ThemeProvider theme={theme}>
-      <GlobalStyles isLightMode={isLightMode} />
+      <GlobalStyles colorMode={colorMode} />
       <AppContainer data-testid="AppContainer">
         <TopSection>
           <TopNavigation
-            isLightMode={isLightMode}
+            colorMode={colorMode}
             setColorMode={setColorMode}
             toggleColorMode={toggleColorMode}
             logout={() => setPassword(undefined)}

diff --git a/apps/namada-interface/src/App/Settings/SettingsAccountSettings/SettingsAccountSettings.tsx b/apps/namada-interface/src/App/Settings/SettingsAccountSettings/SettingsAccountSettings.tsx
@@ -49,7 +49,7 @@ export const SettingsAccountSettings = (): JSX.Element => {
     if (
       prompt(
         `Please type in ${account.alias} if you're sure you want to delete this account`
-      ) == account.alias
+      ) === account.alias
     ) {
       dispatch(removeAccount({ chainId, id: account.id }));
       navigate(TopLevelRoute.SettingsAccounts);

diff --git a/apps/namada-interface/src/App/Settings/SettingsWalletSettings/SettingsWalletSettings.tsx b/apps/namada-interface/src/App/Settings/SettingsWalletSettings/SettingsWalletSettings.tsx
@@ -244,7 +244,7 @@ export const SettingsWalletSettings = ({ password }: Props): JSX.Element => {
             </Button>
           )}
 
-        {keplrConnectionState == KeplrConnectionState.Connected && (
+        {keplrConnectionState === KeplrConnectionState.Connected && (
           <ExtensionInfo>Connected to Keplr Extension</ExtensionInfo>
         )}
 

diff --git a/apps/namada-interface/src/App/TopNavigation/topNavigation.components_delete.ts b/apps/namada-interface/src/App/TopNavigation/topNavigation.components_delete.ts