Merge pull request #770 from subquery/fix/style

fix: style of radio
subquery · Sep 25, 2024 · 6b2fe90 · 6b2fe90
2 parents 7255c9a + 35a58e1
commit 6b2fe90
Show file tree

Hide file tree

Showing 18 changed files with 15 additions and 2,987 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -17,12 +17,10 @@ import {
   QueryApolloProvider,
   SQTokenProvider,
 } from './containers';
-import RouterComponent, { ScannerRouterComponent } from './router';
+import RouterComponent from './router';
 
 import './App.css';
 
-const isScanner = window.location.host.includes('scanner') || import.meta.env.VITE_USE_SCANNER;
-
 // TODO: Remove SQTProvider
 const Providers: React.FC<PropsWithChildren> = ({ children }) => {
   return (
@@ -33,7 +31,7 @@ const Providers: React.FC<PropsWithChildren> = ({ children }) => {
             <ProjectMetadataProvider>
               <ProjectRegistryProvider>
                 <SQTokenProvider>
-                  <SubqlProvider theme={isScanner ? 'dark' : 'light'}>{children}</SubqlProvider>
+                  <SubqlProvider theme={'light'}>{children}</SubqlProvider>
                 </SQTokenProvider>
               </ProjectRegistryProvider>
             </ProjectMetadataProvider>
@@ -79,32 +77,17 @@ const RenderRouter: React.FC = () => {
 
   return (
     <BrowserRouter>
-      <>
-        {isScanner ? (
-          <div className="scannerMain">
-            <ScannerHeader></ScannerHeader>
-            <ScannerRouterComponent></ScannerRouterComponent>
-            <Footer simple></Footer>
-          </div>
-        ) : (
-          ''
-        )}
-        {!isScanner ? (
-          <div className="Main">
-            <div className="Header">
-              <Header />
-            </div>
+      <div className="Main">
+        <div className="Header">
+          <Header />
+        </div>
 
-            <div className="Content">
-              <ChainStatus>
-                <RouterComponent></RouterComponent>
-              </ChainStatus>
-            </div>
-          </div>
-        ) : (
-          ''
-        )}
-      </>
+        <div className="Content">
+          <ChainStatus>
+            <RouterComponent></RouterComponent>
+          </ChainStatus>
+        </div>
+      </div>
     </BrowserRouter>
   );
 };

diff --git a/src/components/LineCharts/index.tsx b/src/components/LineCharts/index.tsx
@@ -123,6 +123,7 @@ const LineCharts: FC<IProps> = ({
         )}
         <span style={{ flex: 1 }}></span>
         <Radio.Group
+          className="chartRadio"
           options={[
             { label: 'Last Month', value: 'lm' },
             { label: 'Last 3 Month', value: 'l3m' },

diff --git a/src/index.less b/src/index.less
@@ -513,7 +513,7 @@ label,
 }
 
 
-.ant-radio-group {
+.chartRadio.ant-radio-group {
   background: var(--sq-gray200);
   border-radius: 28px;
   border: 2px solid var(--sq-gray200);
@@ -541,7 +541,7 @@ label,
   }
 }
 
-.darkRadioGroup.ant-radio-group {
+.chartRadio.darkRadioGroup.ant-radio-group {
   background:var(--dark-mode-border);
   border-radius: 28px;
   border: 2px solid var(--dark-mode-border);

diff --git a/src/pages/scanner/dashboard/components/operatorRewardsChart/OperatorRewardsLineChart.tsx b/src/pages/scanner/dashboard/components/operatorRewardsChart/OperatorRewardsLineChart.tsx
diff --git a/src/pages/scanner/dashboard/index.module.less b/src/pages/scanner/dashboard/index.module.less