Merge pull request #212 from hackdays-io/feature/front-workspace

ワークスペースページとワークスペース作成ページ

pkgs/frontend/.env.example

@@ -2,18 +2,20 @@ VITE_CHAIN_ID=11155111
 
 VITE_PRIVY_APP_ID=
 
-VITE_BIGBANG_ADDRESS=0x5d7a64Cc808294C516076d371685ed4E6aDd6337
+VITE_BIGBANG_ADDRESS=0x08B4c53b98f46B14E2AD00189C2Aa3b9F3d0c8f3
 
 VITE_HATS_ADDRESS=0x3bc1A0Ad72417f2d411118085256fC53CBdDd137
 
-VITE_FRACTION_TOKEN_ADDRESS=0xb8f7ca7a5b1e457b8735884419e114f90d53e1d5
+VITE_FRACTION_TOKEN_ADDRESS=0xd921517fdF141d97C289bDb9686f51A1375dCc69
 
-VITE_SPLITS_CREATOR_ADDRESS=0x9c3648df4bb82fdf067a9b083900a986f9b27e9a
+VITE_SPLITS_CREATOR_ADDRESS=0x6b5d2e27ff74e9adf4d23aebb9efb52867823583
 
 VITE_PIMLICO_API_KEY=
 
 VITE_PINATA_JWT=
 
 VITE_PINATA_GATEWAY=
 
+VITE_PINATA_GATEWAY_TOKEN="M-iEBglWoUCZWJYsihe1IRrngs7HIGeIr3s5lObVw96hv7GTuCw1QrlmnNtwvuXt"
+
 VITE_NAMESTONE_API_KEY=

pkgs/frontend/abi/bigbang.ts

@@ -1,75 +1,123 @@
 export const BIGBANG_ABI = [
+  {
+    inputs: [],
+    name: "InvalidInitialization",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "NotInitializing",
+    type: "error",
+  },
   {
     inputs: [
       {
         internalType: "address",
-        name: "_trustedForwarder",
+        name: "owner",
         type: "address",
       },
+    ],
+    name: "OwnableInvalidOwner",
+    type: "error",
+  },
+  {
+    inputs: [
       {
         internalType: "address",
-        name: "_hatsAddress",
+        name: "account",
         type: "address",
       },
+    ],
+    name: "OwnableUnauthorizedAccount",
+    type: "error",
+  },
+  {
+    anonymous: false,
+    inputs: [
       {
+        indexed: true,
         internalType: "address",
-        name: "_hatsModuleFactory",
+        name: "creator",
         type: "address",
       },
       {
+        indexed: true,
         internalType: "address",
-        name: "_hatsTimeFrameModule_IMPL",
+        name: "owner",
         type: "address",
       },
       {
-        internalType: "address",
-        name: "_splitsCreatorFactory",
-        type: "address",
+        indexed: true,
+        internalType: "uint256",
+        name: "topHatId",
+        type: "uint256",
+      },
+      {
+        indexed: false,
+        internalType: "uint256",
+        name: "hatterHatId",
+        type: "uint256",
       },
       {
+        indexed: false,
         internalType: "address",
-        name: "_splitFactoryV2",
+        name: "hatsTimeFrameModule",
         type: "address",
       },
       {
+        indexed: false,
         internalType: "address",
-        name: "_fractionToken",
+        name: "splitCreator",
         type: "address",
       },
     ],
-    stateMutability: "nonpayable",
-    type: "constructor",
+    name: "Executed",
+    type: "event",
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: false,
+        internalType: "uint64",
+        name: "version",
+        type: "uint64",
+      },
+    ],
+    name: "Initialized",
+    type: "event",
   },
   {
     anonymous: false,
     inputs: [
       {
         indexed: true,
         internalType: "address",
-        name: "owner",
+        name: "previousOwner",
         type: "address",
       },
       {
         indexed: true,
-        internalType: "uint256",
-        name: "topHatId",
-        type: "uint256",
-      },
-      {
-        indexed: false,
         internalType: "address",
-        name: "hatsTimeFrameModule",
+        name: "newOwner",
         type: "address",
       },
+    ],
+    name: "OwnershipTransferred",
+    type: "event",
+  },
+  {
+    inputs: [],
+    name: "FractionToken",
+    outputs: [
       {
-        indexed: false,
         internalType: "address",
-        name: "splitCreator",
+        name: "",
         type: "address",
       },
     ],
-    name: "Executed",
-    type: "event",
+    stateMutability: "view",
+    type: "function",
   },
   {
     inputs: [],
@@ -123,6 +171,19 @@ export const BIGBANG_ABI = [
     stateMutability: "view",
     type: "function",
   },
+  {
+    inputs: [],
+    name: "SplitsFactoryV2",
+    outputs: [
+      {
+        internalType: "address",
+        name: "",
+        type: "address",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
   {
     inputs: [
       {
@@ -150,11 +211,6 @@ export const BIGBANG_ABI = [
         name: "_hatterHatImageURI",
         type: "string",
       },
-      {
-        internalType: "address",
-        name: "_trustedForwarder",
-        type: "address",
-      },
     ],
     name: "bigbang",
     outputs: [
@@ -167,9 +223,47 @@ export const BIGBANG_ABI = [
     stateMutability: "nonpayable",
     type: "function",
   },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "_hatsAddress",
+        type: "address",
+      },
+      {
+        internalType: "address",
+        name: "_hatsModuleFactory",
+        type: "address",
+      },
+      {
+        internalType: "address",
+        name: "_hatsTimeFrameModule_IMPL",
+        type: "address",
+      },
+      {
+        internalType: "address",
+        name: "_splitsCreatorFactory",
+        type: "address",
+      },
+      {
+        internalType: "address",
+        name: "_splitFactoryV2",
+        type: "address",
+      },
+      {
+        internalType: "address",
+        name: "_fractionToken",
+        type: "address",
+      },
+    ],
+    name: "initialize",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
   {
     inputs: [],
-    name: "fractionToken",
+    name: "owner",
     outputs: [
       {
         internalType: "address",
@@ -180,49 +274,102 @@ export const BIGBANG_ABI = [
     stateMutability: "view",
     type: "function",
   },
+  {
+    inputs: [],
+    name: "renounceOwnership",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
   {
     inputs: [
       {
         internalType: "address",
-        name: "forwarder",
+        name: "_fractionToken",
         type: "address",
       },
     ],
-    name: "isTrustedForwarder",
-    outputs: [
+    name: "setFractionToken",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
       {
-        internalType: "bool",
-        name: "",
-        type: "bool",
+        internalType: "address",
+        name: "_hats",
+        type: "address",
       },
     ],
-    stateMutability: "view",
+    name: "setHats",
+    outputs: [],
+    stateMutability: "nonpayable",
     type: "function",
   },
   {
-    inputs: [],
-    name: "splitFactoryV2",
-    outputs: [
+    inputs: [
       {
         internalType: "address",
-        name: "",
+        name: "_hatsModuleFactory",
         type: "address",
       },
     ],
-    stateMutability: "view",
+    name: "setHatsModuleFactory",
+    outputs: [],
+    stateMutability: "nonpayable",
     type: "function",
   },
   {
-    inputs: [],
-    name: "trustedForwarder",
-    outputs: [
+    inputs: [
       {
         internalType: "address",
-        name: "",
+        name: "_hatsTimeFrameModuleImpl",
         type: "address",
       },
     ],
-    stateMutability: "view",
+    name: "setHatsTimeFrameModuleImpl",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "_splitsCreatorFactory",
+        type: "address",
+      },
+    ],
+    name: "setSplitsCreatorFactory",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "_splitsFactoryV2",
+        type: "address",
+      },
+    ],
+    name: "setSplitsFactoryV2",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "newOwner",
+        type: "address",
+      },
+    ],
+    name: "transferOwnership",
+    outputs: [],
+    stateMutability: "nonpayable",
     type: "function",
   },
 ] as const;

pkgs/frontend/app/components/Header.tsx

@@ -11,7 +11,7 @@ import { usePrivy, useWallets } from "@privy-io/react-auth";
 import CommonButton from "./common/CommonButton";
 
 const NO_HEADER_PATHS: string[] = ["/login", "/signup"]; // 適宜ヘッダーが不要なページのパスを追加
-const WORKSPACES_PATHS: string[] = ["/workspaces"]; // 適宜ワークスペースが未選択な状態のページのパスを追加
+const WORKSPACES_PATHS: string[] = ["/workspace", "/workspace/new"]; // 適宜ワークスペースが未選択な状態のページのパスを追加
 const HEADER_SIZE: number = 12; // 偶数のnumberだとアイコンが対応しているため望ましい
 
 const headerTextStyle = {
@@ -38,7 +38,7 @@ export const Header = () => {
   // ToDo: ページのパスや hooks で柔軟にロジックを実装する（切り替えてテストできます）
   const isWalletConnected = true;
   const isUserTobanEnsFound = true;
-  const isWorkspaceSelected = true;
+  const isWorkspaceSelected = false;
 
   // ToDo: ユーザーやワークスペースごとの各種データを取得するロジックを実装する
   const workspaceName: string | undefined = "Workspace Name";