Feat/gov v3 [skip cypress]

next.config.js

@@ -5,6 +5,7 @@ const withBundleAnalyzer = require('@next/bundle-analyzer')({
 
 const pageExtensions = ['page.tsx'];
 if (process.env.NEXT_PUBLIC_ENABLE_GOVERNANCE === 'true') pageExtensions.push('governance.tsx');
+pageExtensions.push('governance.tsx');
 if (process.env.NEXT_PUBLIC_ENABLE_STAKING === 'true') pageExtensions.push('staking.tsx');
 
 /** @type {import('next').NextConfig} */

package.json

@@ -32,17 +32,19 @@
     "test:coverage": "jest --coverage"
   },
   "dependencies": {
-    "@aave/contract-helpers": "1.21.1",
-    "@aave/math-utils": "1.21.1",
-    "@bgd-labs/aave-address-book": "^2.10.0",
+    "@aave/contract-helpers": "1.21.2-2022bac22871a85776f017f1d6214d9ecfcc5abe.0",
+    "@aave/math-utils": "1.21.2-2022bac22871a85776f017f1d6214d9ecfcc5abe.0",
+    "@bgd-labs/aave-address-book": "^2.13.1",
     "@emotion/cache": "11.10.3",
     "@emotion/react": "11.10.4",
     "@emotion/server": "latest",
     "@emotion/styled": "11.10.4",
+    "@gelatonetwork/relay-sdk": "^5.5.5",
     "@gnosis.pm/safe-apps-web3-react": "^1.2.0",
     "@heroicons/react": "^1.0.6",
     "@lingui/react": "^3.14.0",
     "@mui/icons-material": "^5.10.14",
+    "@mui/lab": "5.0.0-alpha.103",
     "@mui/material": "^5.10.9",
     "@paraswap/sdk": "6.2.4",
     "@tanstack/react-query": "^4.28.0",
@@ -72,6 +74,8 @@
     "dayjs": "^1.11.5",
     "ethers": "^5.5.4",
     "fuse.js": "^6.6.2",
+    "graphql": "^16.8.1",
+    "graphql-request": "^6.1.0",
     "gray-matter": "^4.0.3",
     "immer": "^9.0.15",
     "lowdb": "^3.0.0",
@@ -111,7 +115,7 @@
     "@types/react": "latest",
     "@types/react-infinite-scroller": "^1.2.3",
     "@typescript-eslint/eslint-plugin": "^5.38.1",
-    "axios": "^0.27.2",
+    "axios": "^1.6.2",
     "babel-loader": "^8.2.5",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-macros": "^3.1.0",

pages/_app.page.tsx

@@ -94,7 +94,13 @@ function getWeb3Library(provider: any): providers.Web3Provider {
   return library;
 }
 
-export const queryClient = new QueryClient();
+export const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      refetchOnWindowFocus: false,
+    },
+  },
+});
 
 interface MyAppProps extends AppProps {
   emotionCache?: EmotionCache;

pages/governance/index.governance.tsx

@@ -6,7 +6,7 @@ import StyledToggleButton from 'src/components/StyledToggleButton';
 import StyledToggleButtonGroup from 'src/components/StyledToggleButtonGroup';
 import { MainLayout } from 'src/layouts/MainLayout';
 import { GovernanceTopPanel } from 'src/modules/governance/GovernanceTopPanel';
-import { ProposalsList } from 'src/modules/governance/ProposalsList';
+import { ProposalsV3List } from 'src/modules/governance/ProposalsV3List';
 import { UserGovernanceInfo } from 'src/modules/governance/UserGovernanceInfo';
 import { Ipfs, IpfsType } from 'src/static-build/ipfs';
 import { CustomProposalType, Proposal } from 'src/static-build/proposal';
@@ -20,7 +20,22 @@ const GovDelegationModal = dynamic(() =>
   )
 );
 
+const GovRepresentativesModal = dynamic(() =>
+  import('../../src/components/transactions/GovRepresentatives/GovRepresentativesModal').then(
+    (module) => module.GovRepresentativesModal
+  )
+);
+
 export const getStaticProps = async () => {
+  // const queryClient = new QueryClient();
+  // await queryClient.prefetchQuery({ queryKey: ['proposals'], queryFn: () => getProposals });
+
+  // return {
+  //   props: {
+  //     dehydratedState: dehydrate(queryClient),
+  //   },
+  // };
+
   const IpfsFetcher = new Ipfs();
   const ProposalFetcher = new Proposal();
 
@@ -39,7 +54,11 @@ export const getStaticProps = async () => {
     };
   });
 
-  return { props: { proposals: proposals.slice().reverse() } };
+  return {
+    props: {
+      proposals: proposals.slice().reverse(),
+    },
+  };
 };
 
 enum Tabs {
@@ -61,6 +80,8 @@ export default function Governance(props: GovernancePageProps) {
   const [mode, setMode] = useState(Tabs.PROPOSALS);
   const trackEvent = useRootStore((store) => store.trackEvent);
 
+  console.log(props);
+
   useEffect(() => {
     trackEvent('Page Viewed', {
       'Page Name': 'Governance',
@@ -95,14 +116,14 @@ export default function Governance(props: GovernancePageProps) {
         </StyledToggleButtonGroup>
         {isMobile ? (
           mode === Tabs.PROPOSALS ? (
-            <ProposalsList {...props} />
+            <ProposalsV3List />
           ) : (
             <UserGovernanceInfo />
           )
         ) : (
           <Grid container spacing={4}>
             <Grid item md={8}>
-              <ProposalsList {...props} />
+              <ProposalsV3List />
             </Grid>
             <Grid item md={4}>
               <UserGovernanceInfo />
@@ -119,6 +140,7 @@ Governance.getLayout = function getLayout(page: React.ReactElement) {
     <MainLayout>
       {page}
       <GovDelegationModal />
+      <GovRepresentativesModal />
     </MainLayout>
   );
 };

pages/governance/ipfs-preview.governance.tsx

@@ -16,7 +16,7 @@ export default function IpfsPreview() {
   const router = useRouter();
   const ipfsHash = router.query.ipfsHash as string;
   const [ipfs, setIpfs] = useState<IpfsType>();
-
+  console.log(ipfs);
   async function fetchIpfs() {
     const proposalMetadata = await getProposalMetadata(ipfsHash, governanceConfig.ipfsGateway);
     const newIpfs = {
@@ -31,7 +31,7 @@ export default function IpfsPreview() {
     if (!ipfsHash) return;
     fetchIpfs();
   }, [ipfsHash]);
-  return <ProposalPage ipfs={ipfs} proposal={undefined} />;
+  return <ProposalPage />;
 }
 
 IpfsPreview.getLayout = function getLayout(page: React.ReactElement) {