Feat/trade wallet

.env.example

@@ -1,2 +1,4 @@
 NEXT_PUBLIC_REOWN_PROJECTID=
 NEXT_PUBLIC_GNOSIS_RPC=
+# https://thegraph.com/explorer/subgraphs/AAA1vYjxwFHzbt6qKwLHNcDSASyr1J1xVViDH8gTMFMR?view=Query&chain=arbitrum-one
+NEXT_PUBLIC_ALGEBRA_SUBGRAPH=

.eslintrc.json

@@ -5,7 +5,7 @@
     "plugin:prettier/recommended",
     "prettier"
   ],
-  "ignorePatterns": ["**/**/generated.ts"],
+  "ignorePatterns": ["**/generated.ts", "src/hooks/liquidity/gql/*"],
   "rules": {
     "max-len": [
       "warn",

.gitignore

@@ -37,3 +37,6 @@ next-env.d.ts
 
 # wagmi generated
 /src/generated.ts
+
+# gql
+/src/hooks/liquidity/gql

codegen.ts

@@ -0,0 +1,29 @@
+import { CodegenConfig } from "@graphql-codegen/cli";
+
+const config: CodegenConfig = {
+  overwrite: true,
+  schema: [process.env.NEXT_PUBLIC_ALGEBRA_SUBGRAPH!],
+  documents: ["src/hooks/liquidity/swapr.graphql"],
+  generates: {
+    "./src/hooks/liquidity/gql/gql.ts": {
+      // preset: "client",
+      plugins: [
+        "typescript",
+        "typescript-operations",
+        "typescript-graphql-request",
+      ],
+      config: {
+        strictScalars: true,
+        scalars: {
+          BigDecimal: "string",
+          BigInt: "string",
+          Int8: "string",
+          Bytes: "`0x${string}`",
+          Timestamp: "string",
+        },
+      },
+    },
+  },
+};
+
+export default config;

package.json

@@ -4,10 +4,11 @@
   "private": true,
   "scripts": {
     "dev": "yarn generate && next dev",
-    "build": "next build",
+    "build": "yarn generate && next build",
     "start": "next start",
     "lint": "next lint --fix",
-    "generate": "wagmi generate"
+    "generate": "wagmi generate && yarn generate:gql",
+    "generate:gql": "dotenv -e .env.local -- graphql-codegen"
   },
   "dependencies": {
     "@cowprotocol/cow-sdk": "^5.10.3",
@@ -17,10 +18,13 @@
     "@swapr/sdk": "https://github.com/seer-pm/swapr-sdk#6dea7e63f7e05c84a4374717ee1ad5baca86f7de",
     "@tanstack/react-query": "^5.74.4",
     "@wagmi/core": "^2.17.3",
+    "@yornaath/batshit": "^0.11.1",
     "clsx": "^2.1.1",
     "ethers": "5.8.0",
+    "graphql-request": "^7.3.1",
     "graphql-tag": "^2.12.6",
     "lightweight-charts": "^5.0.8",
+    "micro-memoize": "^4.2.0",
     "next": "14.2.28",
     "next-themes": "^0.4.6",
     "pino-pretty": "^13.0.0",
@@ -33,12 +37,17 @@
     "wagmi": "^2.15.6"
   },
   "devDependencies": {
+    "@graphql-codegen/cli": "^5.0.2",
+    "@graphql-codegen/typescript": "^5.0.2",
+    "@graphql-codegen/typescript-graphql-request": "^6.3.0",
+    "@graphql-codegen/typescript-operations": "^5.0.2",
     "@svgr/webpack": "^8.1.0",
     "@tailwindcss/postcss": "^4.1.4",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "@wagmi/cli": "^2.3.1",
+    "dotenv-cli": "^10.0.0",
     "eslint": "^8",
     "eslint-config-next": "14.2.28",
     "eslint-config-prettier": "^10.1.2",

src/app/(homepage)/components/AdvancedSection.tsx

@@ -25,13 +25,13 @@ const AdvancedSection: React.FC = () => {
           tokens in Seer. 
           <Link
             href={
-              "https://app.seer.pm/markets/100/ierr-which-day-will-be-evaluated-by-the-gourmet-committee/?outcome=Tuesday+28+July"
+              "https://app.seer.pm/markets/100/which-movies-will-clement-watch-as-part-of-the-distilled-clements-judgement-expe-2"
             }
             target="_blank"
             rel="noreferrer noopener"
             className="text-klerosUIComponentsPrimaryBlue items-center text-sm"
           >
-            Check it out <ExternalArrow className="mml-2 inline size-4" />
+            Check it out <ExternalArrow className="ml-2 inline size-4" />
           </Link>
         </p>
       </div>

src/app/(homepage)/components/Chart/index.tsx

@@ -81,7 +81,7 @@ const Chart: React.FC<{ data: IChartData[] }> = ({ data }) => {
     const latestTimestamp = Date.now() / 1000;
 
     // Generate common timestamps for all markets
-    const timestamps = getTimestamps(1754407213, latestTimestamp);
+    const timestamps = getTimestamps(1751328000, latestTimestamp);
 
     const seriesData: Record<
       string,

src/app/(homepage)/components/Header/index.tsx

@@ -12,7 +12,7 @@ const Header: React.FC = () => {
   return (
     <div className="flex flex-col items-start gap-4">
       <h1 className="text-klerosUIComponentsPrimaryText text-2xl font-semibold">
-        Session 1 - Retro PGF Experiment
+        Session 1 - Movies Experiment
       </h1>
       <div className="flex flex-wrap gap-4">
         <div className="flex items-center gap-2">
@@ -41,7 +41,7 @@ const Header: React.FC = () => {
         <div className="flex size-full flex-wrap items-center gap-6 px-6 py-3.75">
           <SeerLogo />
           <p className="text-klerosUIComponentsPrimaryText text-base">
-            If rated, what score would the gourmet committee give to the meal?
+            If watched, what score will Clément give to the movie?
           </p>
         </div>
       </div>