Production push

.env

@@ -1,3 +1,5 @@
+# CoinGecko API key
+COINGECKO_API_KEY=""
 # Alchemy provider API key, used on Mainnet
 NEXT_PUBLIC_ALCHEMY_MAINNET_API_KEY=""
 # Alchemy provider API key, used on Sepolia
@@ -10,9 +12,13 @@ NEXT_PUBLIC_ETHERSCAN_API_KEY=""
 NEXT_PUBLIC_INFURA_IPFS_API_KEY=""
 # IPFS pinning (*)
 NEXT_PUBLIC_INFURA_IPFS_API_SECRET=""
+# Sentry DSN URL, not used locally
+NEXT_PUBLIC_SENTRY_DSN_URL=""
+# Shutter Public Key
+NEXT_PUBLIC_SHUTTER_EON_PUBKEY=0x0e6493bbb4ee8b19aa9b70367685049ff01dc9382c46aed83f8bc07d2a5ba3e6030bd83b942c1fd3dff5b79bef3b40bf6b666e51e7f0be14ed62daaffad47435265f5c9403b1a801921981f7d8659a9bd91fe92fb1cf9afdb16178a532adfaf51a237103874bb03afafe9cab2118dae1be5f08a0a28bf488c1581e9db4bc23ca
 # site preview links
 NEXT_PUBLIC_SITE_URL="https://app.dev.fractalframework.xyz/"
 # WalletConnect Cloud Project ID
 NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID=""
-# Shutter Public Key
-NEXT_PUBLIC_SHUTTER_EON_PUBKEY=0x0e6493bbb4ee8b19aa9b70367685049ff01dc9382c46aed83f8bc07d2a5ba3e6030bd83b942c1fd3dff5b79bef3b40bf6b666e51e7f0be14ed62daaffad47435265f5c9403b1a801921981f7d8659a9bd91fe92fb1cf9afdb16178a532adfaf51a237103874bb03afafe9cab2118dae1be5f08a0a28bf488c1581e9db4bc23ca
+# Minutes to cache prices for token addresses
+TOKEN_PRICE_CACHE_INTERVAL_MINUTES=""

.eslintrc.json

@@ -1,89 +1,67 @@
 {
-    "env": {
-        "browser": true,
-        "es2021": true
+  "env": {
+    "browser": true,
+    "es2021": true
+  },
+  "extends": [
+    "next/core-web-vitals",
+    "plugin:import/recommended",
+    "airbnb-typescript/base",
+    "prettier"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    // required for "type-aware linting"
+    "project": ["./tsconfig.json"],
+    "ecmaFeatures": {
+      "jsx": true
     },
-    "extends": [
-        "next/core-web-vitals",
-        "plugin:import/recommended",
-        "airbnb-typescript/base"
-    ],
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-        // required for "type-aware linting"
-        "project": [
-            "./tsconfig.json"
-        ],
-        "ecmaFeatures": {
-            "jsx": true
-        },
-        "ecmaVersion": "latest",
-        "sourceType": "module"
+    "ecmaVersion": "latest",
+    "sourceType": "module"
+  },
+  "plugins": ["import", "@typescript-eslint"],
+  "settings": {
+    // resolves imports without file extensions for listed extensions
+    "import/resolver": {
+      "node": {
+        "extensions": [".ts", ".tsx"]
+      }
     },
-    "plugins": [
-        "import",
-        "@typescript-eslint",
-        "prettier"
+    "react": {
+      "version": "detect"
+    }
+  },
+  "rules": {
+    // ignores need for "react" import
+    "react/react-in-jsx-scope": "off",
+    // rule for function component to be framed as function
+    "react/function-component-definition": [
+      2,
+      {
+        "namedComponents": "function-declaration"
+      }
     ],
-    "settings": {
-        // resolves imports without file extensions for listed extensions
-        "import/resolver": {
-            "node": {
-                "extensions": [
-                    ".ts",
-                    ".tsx"
-                ]
-            }
-        },
-        "react": {
-            "version": "detect"
+    "comma-dangle": "off",
+    "@typescript-eslint/comma-dangle": "off",
+    "indent": "off",
+    "@typescript-eslint/indent": "off",
+    "import/order": [
+      "error",
+      {
+        "alphabetize": {
+          "order": "asc",
+          "caseInsensitive": false
         }
-    },
-    "rules": {
-        // ignores need for "react" import
-        "react/react-in-jsx-scope": "off",
-        // rule for function component to be framed as function
-        "react/function-component-definition": [
-            2,
-            {
-                "namedComponents": "function-declaration"
-            }
-        ],
-        "comma-dangle": "off",
-        "@typescript-eslint/comma-dangle": "off",
-        "indent": "off",
-        "@typescript-eslint/indent": "off",
-        // prettier config
-        "prettier/prettier": [
-            1,
-            {
-                "printWidth": 100,
-                "endOfLine": "auto",
-                "tabWidth": 2,
-                "useTabs": false,
-                "singleQuote": true,
-                "semi": true,
-                "arrowParens": "avoid",
-                "singleAttributePerLine": true
-            }
-        ],
-        "import/order": [
-            "error", 
-            { 
-                "alphabetize": { 
-                    "order": "asc",
-                    "caseInsensitive": false
-                }
-            }
-        ],
-        // react hook rules
-        "react-hooks/rules-of-hooks": "error",
-        "react-hooks/exhaustive-deps": "warn",
-        // var rules
-        "no-use-before-define": "off",
-        "@typescript-eslint/no-use-before-define": "error",
-        "@typescript-eslint/no-unused-vars": "warn",
-        // class rules
-        "@typescript-eslint/lines-between-class-members": "off"
-    }
-}
+      }
+    ],
+    // react hook rules
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn",
+    // var rules
+    "no-use-before-define": "off",
+    "@typescript-eslint/no-use-before-define": "error",
+    "@typescript-eslint/no-unused-vars": "warn",
+    // class rules
+    "@typescript-eslint/lines-between-class-members": "off"
+  }
+}

.github/CODE_OF_CONDUCT.md

@@ -17,23 +17,23 @@ diverse, inclusive, and healthy community.
 Examples of behavior that contributes to a positive environment for our
 community include:
 
-* Demonstrating empathy and kindness toward other people
-* Being respectful of differing opinions, viewpoints, and experiences
-* Giving and gracefully accepting constructive feedback
-* Accepting responsibility and apologizing to those affected by our mistakes,
+- Demonstrating empathy and kindness toward other people
+- Being respectful of differing opinions, viewpoints, and experiences
+- Giving and gracefully accepting constructive feedback
+- Accepting responsibility and apologizing to those affected by our mistakes,
   and learning from the experience
-* Focusing on what is best not just for us as individuals, but for the
+- Focusing on what is best not just for us as individuals, but for the
   overall community
 
 Examples of unacceptable behavior include:
 
-* The use of sexualized language or imagery, and sexual attention or
+- The use of sexualized language or imagery, and sexual attention or
   advances of any kind
-* Trolling, insulting or derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or email
+- Trolling, insulting or derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or email
   address, without their explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
+- Other conduct which could reasonably be considered inappropriate in a
   professional setting
 
 ## Enforcement Responsibilities
@@ -106,7 +106,7 @@ Violating these terms may lead to a permanent ban.
 ### 4. Permanent Ban
 
 **Community Impact**: Demonstrating a pattern of violation of community
-standards, including sustained inappropriate behavior,  harassment of an
+standards, including sustained inappropriate behavior, harassment of an
 individual, or aggression toward or disparagement of classes of individuals.
 
 **Consequence**: A permanent ban from any sort of public interaction within

.github/CONTRIBUTING.md

@@ -20,12 +20,10 @@
 
 - If possible, please provide unit or integration tests for your changes. You can see example
   automation tests in the [test directory](https://github.com/decent-dao/fractal-interface/tree/HEAD/tests).
-
 - All of your components should be composed of [Chakra UI](https://chakra-ui.com/) base components, using our custom theme.
 
 - A member of the Fractal engineering team will respond with any further discussion or requested changes and once approved
   you are free to merge.
-
 - We appreciate the collaboration!
 
 ### Submitting Language Translations

.github/SECURITY.md

@@ -19,4 +19,4 @@ Please include the following information in your email:
 
 If you prefer secure communication, please use the following GPG key:
 
-https://keys.openpgp.org/search?q=security%40decent-dao.org
+https://keys.openpgp.org/search?q=security%40decent-dao.org

.github/workflows/code-syntax.yaml

@@ -0,0 +1,37 @@
+name: Code Syntax
+on:
+  push:
+    branches:
+      - develop
+  pull_request:
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Set up node
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+      - name: Install dependencies
+        run: npm ci
+      - name: Build GraphQL client
+        run: npm run graphql:build
+      - name: Run tests
+        run: npm run lint
+  pretty:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Set up node
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+      - name: Install dependencies
+        run: npm ci
+      - name: Build GraphQL client
+        run: npm run graphql:build
+      - name: Run tests
+        run: npm run pretty:check

.github/workflows/e2e-tests.yaml

@@ -143,4 +143,3 @@ jobs:
           docker rm webapp
           docker stop blockchain
           docker rm blockchain
-

.gitignore

@@ -38,3 +38,6 @@ yarn-error.log*
 
 # GraphQL generated files
 .graphclient/
+
+# Local Netlify folder
+.netlify

.graphclientrc.yml

@@ -5,4 +5,4 @@ sources:
         endpoint: https://api.studio.thegraph.com/query/43215/fractal-{context.chainName:sepolia}/version/latest
 
 documents:
-  - ./src/graphql/DAO.graphql
+  - ./src/graphql/DAO.graphql

.nvmrc

@@ -1 +1 @@
-18.12.1
+18.14.0

.prettierignore

@@ -0,0 +1 @@
+src/assets/typechain-types/

.prettierrc

@@ -0,0 +1,10 @@
+{
+  "printWidth": 100,
+  "endOfLine": "auto",
+  "tabWidth": 2,
+  "useTabs": false,
+  "singleQuote": true,
+  "semi": true,
+  "arrowParens": "avoid",
+  "singleAttributePerLine": true
+}

README.md

@@ -27,6 +27,7 @@ $ npm run graphql:build # For UNIX
 ```
 
 Running development environment
+
 ```shell
 $ npm run dev
 ```
@@ -81,8 +82,8 @@ The "dev" environment tracks the `develop` branch, "staging" tracks `staging`, a
 So at any given time, there are effectively three builds out there, and they are publicly accessible and privately configurable within Github:
 
 1. dev site
-    - url: https://app.dev.fractalframework.xyz
+   - url: https://app.dev.fractalframework.xyz
 2. staging site
-    - url: https://app.staging.fractalframework.xyz
+   - url: https://app.staging.fractalframework.xyz
 3. prod site
-    - url: https://app.fractalframework.xyz
+   - url: https://app.fractalframework.xyz

app/create/page.tsx

@@ -28,8 +28,8 @@ export default function DaoCreatePage() {
       setRedirectPending(true);
       const { getAddress } = ethers.utils;
       const daoFound = await requestWithRetries(
-        () => safeAPI.getSafeCreationInfo(getAddress(daoAddress)),
-        8
+        async () => (safeAPI ? safeAPI.getSafeCreationInfo(getAddress(daoAddress)) : undefined),
+        8,
       );
       toggleFavorite(daoAddress);
       if (daoFound) {
@@ -45,7 +45,7 @@ export default function DaoCreatePage() {
         push(BASE_ROUTES.landing);
       }
     },
-    [safeAPI, requestWithRetries, toggleFavorite, push, t]
+    [safeAPI, requestWithRetries, toggleFavorite, push, t],
   );
 
   const [deploy, pending] = useDeployDAO();

app/daos/[daoAddress]/edit/governance/page.tsx

@@ -35,7 +35,7 @@ export default function ModifyGovernancePage() {
     deployAzorius(
       daoData as AzoriusERC20DAO | AzoriusERC721DAO,
       !daoName || createAccountSubstring(daoAddress!) === daoName,
-      !daoSnapshotURL && !!daoData.snapshotURL
+      !daoSnapshotURL && !!daoData.snapshotURL,
     );
   };
 

app/daos/[daoAddress]/proposal-templates/new/page.tsx

@@ -41,11 +41,11 @@ export default function CreateProposalTemplatePage() {
   const searchParams = useSearchParams();
   const defaultProposalTemplatesHash = useMemo(
     () => searchParams?.get('templatesHash'),
-    [searchParams]
+    [searchParams],
   );
   const defaultProposalTemplateIndex = useMemo(
     () => searchParams?.get('templateIndex'),
-    [searchParams]
+    [searchParams],
   );
 
   const {
@@ -141,7 +141,7 @@ export default function CreateProposalTemplatePage() {
                     push(
                       daoAddress
                         ? DAO_ROUTES.proposalTemplates.relative(daoAddress)
-                        : BASE_ROUTES.landing
+                        : BASE_ROUTES.landing,
                     )
                   }
                   isButtonDisabled={pendingCreateTx}