switch network accent color (#761)

rainbow-me · Aug 18, 2023 · 716aa07 · 716aa07
1 parent bb5b697
commit 716aa07
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 27 deletions.
diff --git a/src/entries/popup/components/AppConnectionMenu/AppConnectionMenu.tsx b/src/entries/popup/components/AppConnectionMenu/AppConnectionMenu.tsx
@@ -1,5 +1,5 @@
 import { motion } from 'framer-motion';
-import React, {
+import {
   ReactNode,
   useCallback,
   useEffect,
@@ -12,7 +12,6 @@ import { initializeMessenger } from '~/core/messengers';
 import { shortcuts } from '~/core/references/shortcuts';
 import { useCurrentAddressStore } from '~/core/state';
 import { Box, Inline, Stack, Symbol, Text } from '~/design-system';
-import { AccentColorProviderWrapper } from '~/design-system/components/Box/ColorContext';
 
 import { useAppMetadata } from '../../hooks/useAppMetadata';
 import { useAppSession } from '../../hooks/useAppSession';
@@ -74,7 +73,7 @@ export const AppConnectionMenu = ({
   const { isCommandKVisible } = useCommandKStatus();
   const { trackShortcut } = useKeyboardAnalytics();
   const { currentAddress } = useCurrentAddressStore();
-  const { appHost, appLogo, appName, appColor } = useAppMetadata({ url });
+  const { appHost, appLogo, appName } = useAppMetadata({ url });
   const navigate = useRainbowNavigate();
 
   const {
@@ -241,25 +240,21 @@ export const AppConnectionMenu = ({
                             appSession ? changeChainId : connectToApp
                           }
                         >
-                          <AccentColorProviderWrapper
-                            color={appColor || undefined}
-                          >
-                            <SwitchNetworkMenuSelector
-                              type="dropdown"
-                              highlightAccentColor
-                              selectedValue={`${appSession?.chainId}`}
-                              onNetworkSelect={(e) => {
-                                e?.preventDefault();
-                                toggleSubMenu(false);
-                                setMenuOpen(false);
-                              }}
-                              onShortcutPress={
-                                appSession ? changeChainId : connectToApp
-                              }
-                              showDisconnect={!!appSession}
-                              disconnect={disconnect}
-                            />
-                          </AccentColorProviderWrapper>
+                          <SwitchNetworkMenuSelector
+                            type="dropdown"
+                            highlightAccentColor
+                            selectedValue={`${appSession?.chainId}`}
+                            onNetworkSelect={(e) => {
+                              e?.preventDefault();
+                              toggleSubMenu(false);
+                              setMenuOpen(false);
+                            }}
+                            onShortcutPress={
+                              appSession ? changeChainId : connectToApp
+                            }
+                            showDisconnect={!!appSession}
+                            disconnect={disconnect}
+                          />
                         </DropdownMenuRadioGroup>
                       </Stack>
                     </Box>

diff --git a/src/entries/popup/hooks/useAppMetadata.ts b/src/entries/popup/hooks/useAppMetadata.ts
@@ -6,7 +6,7 @@ import {
   isValidUrl,
 } from '~/core/utils/connectedApps';
 
-import { useDominantColor } from './useDominantColor';
+// import { useDominantColor } from './useDominantColor';
 
 interface AppMetadata {
   url?: string;
@@ -20,15 +20,15 @@ export function useAppMetadata({ url, title }: AppMetadata) {
   const appName = appHostName
     ? getHardcodedDappInformation(appHostName)?.name || title
     : '';
-  const { data: appColor } = useDominantColor({
-    imageUrl: appLogo ?? undefined,
-  });
+  // const { data: appColor } = useDominantColor({
+  //   imageUrl: appLogo ?? undefined,
+  // });
 
   return {
     appHost,
     appHostName,
     appName,
     appLogo,
-    appColor,
+    // appColor,
   };
 }