chore: temporarily hardcode subgraph urls

apps/explorer/src/components/layout/GenericLayout/Footer/index.tsx

@@ -16,23 +16,25 @@ const FooterStyled = styled.footer`
   align-items: center;
   box-sizing: border-box;
   font-size: 1.2rem;
-  flex: 1 1 auto;
   color: ${({ theme }): string => theme.textSecondary2};
   width: 100%;
   justify-content: space-around;
-  margin: auto auto 0;
-  height: auto;
   padding: 1rem;
-  max-height: 4rem;
+  height: 4rem;
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  z-index: 10;
 
   ${Media.upToMedium()} {
-    margin: 0 auto;
+    position: relative;
+    margin: 0;
     flex-flow: column wrap;
     padding: 1.6rem 1.6rem 4rem;
     justify-content: flex-start;
     gap: 1.6rem;
-    bottom: initial;
-    max-height: initial;
+    height: auto;
+    max-height: none;
   }
 
   > a {

apps/explorer/src/components/layout/GenericLayout/index.tsx

@@ -1,10 +1,30 @@
 import { PropsWithChildren } from 'react'
 
-import { ThemeProvider, StaticGlobalStyle, ThemedGlobalStyle } from 'theme'
+import { Media } from '@cowprotocol/ui'
+
+import styled from 'styled-components/macro'
+import { StaticGlobalStyle, ThemedGlobalStyle, ThemeProvider } from 'theme'
 
 import { Footer } from './Footer'
 import { Header } from './Header'
 
+const PageWrapper = styled.div`
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  width: 100%;
+`
+
+const MainContent = styled.main`
+  flex: 1;
+  padding-bottom: 5rem;
+  width: 100%;
+
+  ${Media.upToMedium()} {
+    padding-bottom: 0;
+  }
+`
+
 export type Props = PropsWithChildren<{
   header?: React.ReactNode | null
   footer?: React.ReactNode | null
@@ -18,9 +38,13 @@ export const GenericLayout: React.FC<Props> = ({ header = defaultHeader, footer
     <StaticGlobalStyle />
     <ThemeProvider>
       <ThemedGlobalStyle />
-      {header}
-      {children}
-      {footer}
+      <PageWrapper>
+        {header}
+        <MainContent>
+          {children}
+        </MainContent>
+        {footer}
+      </PageWrapper>
     </ThemeProvider>
   </>
 )

apps/explorer/src/components/token/TokenTable/index.tsx

@@ -281,9 +281,9 @@ const TokenTable: React.FC<Props> = (props) => {
     } else {
       tableContent = (
         <>
-          <tr>
+          {/* <tr>
             <td>Sorted by Volume(24h): from highest to lowest</td>
-          </tr>
+          </tr> */}
           {items.map((item, i) => (
             <RowToken key={`${item.id}-${i}`} index={i + tableState.pageOffset} token={item} />
           ))}

apps/explorer/src/consts/subgraphUrls.ts

@@ -8,9 +8,13 @@ function getSubgraphUrl(chainId: SupportedChainId, suffix: string): string | nul
  * When value is null, then Subgraph is not supported for the network
  */
 export const SUBGRAPH_URLS: Record<SupportedChainId, string | null> = {
-  [SupportedChainId.MAINNET]: getSubgraphUrl(SupportedChainId.MAINNET, 'MAINNET'),
-  [SupportedChainId.GNOSIS_CHAIN]: getSubgraphUrl(SupportedChainId.GNOSIS_CHAIN, 'GNOSIS_CHAIN'),
-  [SupportedChainId.ARBITRUM_ONE]: getSubgraphUrl(SupportedChainId.ARBITRUM_ONE, 'ARBITRUM_ONE'),
+  [SupportedChainId.MAINNET]:
+    'https://subgraph.satsuma-prod.com/a29a417e85ec/cow-nomev-labs-pt516811924/cow-subgraph-mainnet/api',
+  [SupportedChainId.GNOSIS_CHAIN]:
+    'https://subgraph.satsuma-prod.com/a29a417e85ec/cow-nomev-labs-pt516811924/cow-subgraphs-gnosis/api',
+  [SupportedChainId.ARBITRUM_ONE]:
+    'https://subgraph.satsuma-prod.com/a29a417e85ec/cow-nomev-labs-pt516811924/cow-subgraph-arb/api',
   [SupportedChainId.BASE]: getSubgraphUrl(SupportedChainId.BASE, 'BASE'),
-  [SupportedChainId.SEPOLIA]: getSubgraphUrl(SupportedChainId.SEPOLIA, 'SEPOLIA'),
+  [SupportedChainId.SEPOLIA]:
+    'https://subgraph.satsuma-prod.com/a29a417e85ec/cow-nomev-labs-pt516811924/cow-subgraph-sepolia/api',
 }

apps/explorer/src/explorer/pages/Home/index.tsx

@@ -18,9 +18,6 @@ import { Wrapper as WrapperMod } from '../styled'
 const Wrapper = styled(WrapperMod)`
   max-width: 100%;
   height: calc(100vh - 10rem);
-  flex-flow: column wrap;
-  justify-content: center;
-  display: flex;
   padding: 0;
 
   ${Media.upToMedium()} {
@@ -30,9 +27,16 @@ const Wrapper = styled(WrapperMod)`
   ${Media.upToSmall()} {
     padding: 0 1.6rem;
   }
+`
+
+const SearchWrapper = styled.div`
+  flex-flow: column wrap;
+  justify-content: center;
+  display: flex;
 
   > h1 {
     justify-content: center;
+    text-align: center;
     padding: 2.4rem 0 0.75rem;
     margin: 0 0 2.4rem;
     font-size: 2.4rem;
@@ -82,8 +86,10 @@ export const Home: React.FC = () => {
       <Helmet>
         <title>{APP_TITLE}</title>
       </Helmet>
-      <h1>Search on CoW Protocol Explorer</h1>
-      <Search className="home" />
+      <SearchWrapper>
+        <h1>Search on CoW Protocol Explorer</h1>
+        <Search className="home" />
+      </SearchWrapper>
       <SummaryWrapper>
         {showCharts && (
           <>