Merge pull request #4 from kleros/feat(web)/initial-frontend

feat(web): add-Hero-Image-and-update-navbar

web/package.json

@@ -38,7 +38,8 @@
     "build-netlify": "scripts/runEnv.sh devnet 'node scripts/gitInfo.js && yarn generate && parcel build'",
     "check-style": "eslint 'src/**/*.{js,jsx,ts,tsx}'",
     "check-types": "tsc --noEmit",
-    "generate": "yarn generate:gql && yarn generate:hooks",
+    "generateWhenSubgraphIsReadySubstituteGenerateWithThis": "yarn generate:gql && yarn generate:hooks",
+    "generate": "yarn generate:hooks",
     "generate:gql": "graphql-codegen --require tsconfig-paths/register",
     "generate:hooks": "NODE_NO_WARNINGS=1 wagmi generate",
     "generate:supabase": "scripts/generateSupabaseTypes.sh"

web/src/app.tsx

@@ -9,6 +9,7 @@ import QueryClientProvider from "context/QueryClientProvider";
 import StyledComponentsProvider from "context/StyledComponentsProvider";
 import RefetchOnBlock from "context/RefetchOnBlock";
 import Layout from "layout/index";
+import Home from "./pages/Home";
 
 const App: React.FC = () => {
   return (
@@ -17,11 +18,12 @@ const App: React.FC = () => {
         <RefetchOnBlock />
         <Web3Provider>
           <IsListProvider>
-              <SentryRoutes>
-                <Route path="/" element={<Layout />}>
-                  <Route path="*" element={<h1>404 not found</h1>} />
-                </Route>
-              </SentryRoutes>
+            <SentryRoutes>
+              <Route path="/" element={<Layout />}>
+                <Route index element={<Home />} />
+                <Route path="*" element={<h1>404 not found</h1>} />
+              </Route>
+            </SentryRoutes>
           </IsListProvider>
         </Web3Provider>
       </QueryClientProvider>