several svg fix, home page hero button fix, ad banner removed, profil…

…e menu button removed, chart line truncation fixed
G7DAO · Oct 15, 2024 · c4481ca · c4481ca
1 parent d7acd4c
commit c4481ca
Show file tree

Hide file tree

Showing 7 changed files with 25 additions and 21 deletions.
diff --git a/icons/contracts/proxy.svg b/icons/contracts/proxy.svg
diff --git a/icons/share.svg b/icons/share.svg
diff --git a/theme/components/Button/Button.ts b/theme/components/Button/Button.ts
@@ -173,30 +173,30 @@ const variantHero = defineStyle((props) => {
   return {
     bg: mode(
       config.UI.homepage.heroBanner?.button?._default?.background?.[0] || 'blue.600',
-      config.UI.homepage.heroBanner?.button?._default?.background?.[1] || 'blue.600',
+      config.UI.homepage.heroBanner?.button?._default?.background?.[1] || colors.white, // 'blue.600',
     )(props),
     color: mode(
       config.UI.homepage.heroBanner?.button?._default?.text_color?.[0] || 'white',
-      config.UI.homepage.heroBanner?.button?._default?.text_color?.[1] || 'white',
+      config.UI.homepage.heroBanner?.button?._default?.text_color?.[1] || colors.grayTrue[900], //'white',
     )(props),
     _hover: {
       bg: mode(
         config.UI.homepage.heroBanner?.button?._hover?.background?.[0] || 'blue.400',
-        config.UI.homepage.heroBanner?.button?._hover?.background?.[1] || 'blue.400',
+        config.UI.homepage.heroBanner?.button?._hover?.background?.[1] || colors.grayTrue[50], // 'blue.400',
       )(props),
       color: mode(
         config.UI.homepage.heroBanner?.button?._hover?.text_color?.[0] || 'white',
-        config.UI.homepage.heroBanner?.button?._hover?.text_color?.[1] || 'white',
+        config.UI.homepage.heroBanner?.button?._hover?.text_color?.[1] || colors.grayTrue[900], //'white',
       )(props),
     },
     '&[data-selected=true]': {
       bg: mode(
         config.UI.homepage.heroBanner?.button?._selected?.background?.[0] || 'blue.50',
-        config.UI.homepage.heroBanner?.button?._selected?.background?.[1] || 'blue.50',
+        config.UI.homepage.heroBanner?.button?._selected?.background?.[1] || colors.white, // 'blue.50',
       )(props),
       color: mode(
         config.UI.homepage.heroBanner?.button?._selected?.text_color?.[0] || 'blackAlpha.800',
-        config.UI.homepage.heroBanner?.button?._selected?.text_color?.[1] || 'blackAlpha.800',
+        config.UI.homepage.heroBanner?.button?._selected?.text_color?.[1] || colors.grayTrue[900], // 'blackAlpha.800',
       )(props),
     },
   };
@@ -207,23 +207,23 @@ const variantHeader = defineStyle((props) => {
 
   return {
     bgColor: 'transparent',
-    color: mode('blackAlpha.800', 'gray.400')(props),
-    borderColor: mode('gray.300', 'gray.600')(props),
+    color: mode('blackAlpha.800', colors.grayTrue[200])(props),
+    borderColor: mode('gray.300', colors.grayTrue[200])(props),
     borderWidth: props.borderWidth || '2px',
     borderStyle: 'solid',
     _hover: {
-      color: 'link_hovered',
-      borderColor: 'link_hovered',
+      color: 'white',
+      borderColor: 'white',
     },
     '&[data-selected=true]': {
-      bgColor: mode('blackAlpha.50', 'whiteAlpha.100')(props),
-      color: mode('blackAlpha.800', 'whiteAlpha.800')(props),
+      bgColor: mode('blackAlpha.50', colors.grayTrue[800])(props),
+      color: mode('blackAlpha.800', colors.grayTrue[200])(props),
       borderColor: 'transparent',
       borderWidth: props.borderWidth || '0px',
     },
     '&[data-selected=true][data-warning=true]': {
-      bgColor: mode('orange.100', 'orange.900')(props),
-      color: mode('blackAlpha.800', 'whiteAlpha.800')(props),
+      bgColor: mode('orange.100', colors.orangeDark[900])(props),
+      color: mode('blackAlpha.800', colors.orangeDark[200])(props),
       borderColor: 'transparent',
       borderWidth: props.borderWidth || '0px',
     },

diff --git a/ui/home/indicators/ChainIndicatorChartContainer.tsx b/ui/home/indicators/ChainIndicatorChartContainer.tsx
@@ -33,7 +33,7 @@ const ChainIndicatorChartContainer = ({ data, isError, isPending }: Props) => {
     );
   })();
 
-  return <Flex h={{ base: '80px', lg: '110px' }} alignItems="flex-start" flexGrow={ 1 }>{ content }</Flex>;
+  return <Flex h={{ base: '80px', lg: '128px' }} alignItems="flex-start" flexGrow={ 1 }>{ content }</Flex>;
 };
 
 export default React.memo(ChainIndicatorChartContainer);
diff --git a/ui/shared/ad/AdBannerContent.tsx b/ui/shared/ad/AdBannerContent.tsx
@@ -22,6 +22,7 @@ interface Props {
 }
 
 const AdBannerContent = ({ className, isLoading, provider, platform }: Props) => {
+  return null;
   const content = (() => {
     switch (provider) {
       case 'adbutler':

diff --git a/ui/shared/chart/tooltip/ChartTooltipRow.tsx b/ui/shared/chart/tooltip/ChartTooltipRow.tsx
@@ -4,6 +4,8 @@ import React from 'react';
 
 import type { TimeChartData } from '../types';
 
+import colors from 'theme/foundations/colors';
+
 import type { CurrentPoint } from './ChartTooltipPoint';
 import { calculateRowTransformValue, LABEL_WIDTH, PADDING } from './utils';
 
@@ -12,7 +14,7 @@ type Props = {
 } & ({ label: string; children?: never } | { children: React.ReactNode; label?: never })
 
 const ChartTooltipRow = ({ label, lineNum, children }: Props) => {
-  const labelColor = useToken('colors', 'blue.100');
+  const labelColor = useToken('colors', colors.grayTrue[200]); //'blue.100'
   const textColor = useToken('colors', 'white');
 
   return (

diff --git a/ui/snippets/profileMenu/ProfileMenuMobile.tsx b/ui/snippets/profileMenu/ProfileMenuMobile.tsx
@@ -9,6 +9,7 @@ import UserAvatar from 'ui/shared/UserAvatar';
 import ProfileMenuContent from 'ui/snippets/profileMenu/ProfileMenuContent';
 
 const ProfileMenuMobile = () => {
+  return null;
   const { isOpen, onOpen, onClose } = useDisclosure();
   const { data, error, isPending } = useFetchProfileInfo();
   const loginUrl = useLoginUrl();