Merge pull request #217 from hackdays-io/feature/assignrole

ロールのアサイン画面のコーディング
hackdays-io · Dec 20, 2024 · 0a5bbac · 0a5bbac
2 parents c87b351 + 77dd3c5
commit 0a5bbac
Show file tree

Hide file tree

Showing 13 changed files with 589 additions and 1,665 deletions.
diff --git a/pkgs/frontend/.env.example b/pkgs/frontend/.env.example
@@ -18,4 +18,6 @@ VITE_PINATA_GATEWAY=
 
 VITE_PINATA_GATEWAY_TOKEN="M-iEBglWoUCZWJYsihe1IRrngs7HIGeIr3s5lObVw96hv7GTuCw1QrlmnNtwvuXt"
 
-VITE_NAMESTONE_API_KEY=
+VITE_NAMESTONE_API_KEY=
+
+VITE_GOLDSKY_GRAPHQL_ENDPOINT=
diff --git a/pkgs/frontend/abi/hatsTimeFrameModule.ts b/pkgs/frontend/abi/hatsTimeFrameModule.ts
@@ -1,11 +1,6 @@
 export const HATS_TIME_FRAME_MODULE_ABI = [
   {
     inputs: [
-      {
-        internalType: "address",
-        name: "_trustedForwarder",
-        type: "address",
-      },
       {
         internalType: "string",
         name: "_version",
@@ -64,6 +59,48 @@ export const HATS_TIME_FRAME_MODULE_ABI = [
     stateMutability: "pure",
     type: "function",
   },
+  {
+    inputs: [
+      {
+        internalType: "uint256",
+        name: "hatId",
+        type: "uint256",
+      },
+      {
+        internalType: "address",
+        name: "wearer",
+        type: "address",
+      },
+    ],
+    name: "deactivate",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+      {
+        internalType: "address",
+        name: "",
+        type: "address",
+      },
+    ],
+    name: "deactivatedTime",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
   {
     inputs: [
       {
@@ -127,13 +164,18 @@ export const HATS_TIME_FRAME_MODULE_ABI = [
   },
   {
     inputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
       {
         internalType: "address",
-        name: "forwarder",
+        name: "",
         type: "address",
       },
     ],
-    name: "isTrustedForwarder",
+    name: "isActive",
     outputs: [
       {
         internalType: "bool",
@@ -156,12 +198,35 @@ export const HATS_TIME_FRAME_MODULE_ABI = [
         name: "wearer",
         type: "address",
       },
+      {
+        internalType: "uint256",
+        name: "time",
+        type: "uint256",
+      },
     ],
     name: "mintHat",
     outputs: [],
     stateMutability: "nonpayable",
     type: "function",
   },
+  {
+    inputs: [
+      {
+        internalType: "uint256",
+        name: "hatId",
+        type: "uint256",
+      },
+      {
+        internalType: "address",
+        name: "wearer",
+        type: "address",
+      },
+    ],
+    name: "reactivate",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
   {
     inputs: [
       {
@@ -176,15 +241,26 @@ export const HATS_TIME_FRAME_MODULE_ABI = [
     type: "function",
   },
   {
-    inputs: [],
-    name: "trustedForwarder",
-    outputs: [
+    inputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
       {
         internalType: "address",
         name: "",
         type: "address",
       },
     ],
+    name: "totalActiveTime",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
     stateMutability: "view",
     type: "function",
   },
@@ -214,4 +290,28 @@ export const HATS_TIME_FRAME_MODULE_ABI = [
     stateMutability: "view",
     type: "function",
   },
+  {
+    inputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+      {
+        internalType: "address",
+        name: "",
+        type: "address",
+      },
+    ],
+    name: "woreTime",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
 ] as const;
diff --git a/pkgs/frontend/app/components/common/CommonInput.tsx b/pkgs/frontend/app/components/common/CommonInput.tsx
@@ -1,24 +1,27 @@
 import { Input, InputProps } from "@chakra-ui/react";
+import { FC } from "react";
 
 interface CommonInputProps extends Omit<InputProps, "value"> {
   minHeight?: string;
   value: string | number;
   onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
 
-export const CommonInput = ({
+export const CommonInput: FC<CommonInputProps> = ({
   minHeight,
   value,
   placeholder,
   onChange,
-}: CommonInputProps) => {
+  ...rest
+}) => {
   return (
     <Input
       value={value}
       placeholder={placeholder}
       width="100%"
       minHeight={minHeight}
       onChange={onChange}
+      {...rest}
       borderColor="gray.800"
       borderRadius="xl"
       backgroundColor="white"

diff --git a/pkgs/frontend/app/root.tsx b/pkgs/frontend/app/root.tsx
@@ -12,6 +12,9 @@ import { useInjectStyles } from "./emotion/emotion-client";
 import { PrivyProvider } from "@privy-io/react-auth";
 import { Box, Container } from "@chakra-ui/react";
 import { Header } from "./components/Header";
+import { ApolloProvider } from "@apollo/client/react";
+import { goldskyClient } from "utils/apollo";
+
 interface LayoutProps extends React.PropsWithChildren {}
 
 export const Layout = withEmotionCache((props: LayoutProps, cache) => {
@@ -43,52 +46,54 @@ export const Layout = withEmotionCache((props: LayoutProps, cache) => {
 
 export default function App() {
   return (
-    <PrivyProvider
-      appId={import.meta.env.VITE_PRIVY_APP_ID}
-      config={{
-        embeddedWallets: {
-          createOnLogin: "users-without-wallets",
-        },
-      }}
-    >
-      <ChakraProvider>
-        {/* DarkMode 切り替えの実装の可能性に備え、ThemeProvider を残しておいてあります */}
-        {/* <ThemeProvider disableTransitionOnChange attribute="class"> */}
+    <ApolloProvider client={goldskyClient}>
+      <PrivyProvider
+        appId={import.meta.env.VITE_PRIVY_APP_ID}
+        config={{
+          embeddedWallets: {
+            createOnLogin: "users-without-wallets",
+          },
+        }}
+      >
+        <ChakraProvider>
+          {/* DarkMode 切り替えの実装の可能性に備え、ThemeProvider を残しておいてあります */}
+          {/* <ThemeProvider disableTransitionOnChange attribute="class"> */}
 
-        <Box
-          bg="gray.50"
-          width="100%"
-          height="100vh"
-          display="flex"
-          justifyContent="center"
-          overflow="auto"
-        >
-          <Container
-            bg="#fffdf8"
-            maxW="430px"
-            height="100%"
+          <Box
+            bg="gray.50"
             width="100%"
-            px={5}
-            py={4}
+            height="100vh"
             display="flex"
-            flexDirection="column"
-            alignItems="center"
-            position="relative"
+            justifyContent="center"
+            overflow="auto"
           >
-            <Header />
-            <Box
-              width="100%"
+            <Container
+              bg="#fffdf8"
+              maxW="430px"
               height="100%"
+              width="100%"
+              px={5}
+              py={4}
               display="flex"
               flexDirection="column"
+              alignItems="center"
               position="relative"
             >
-              <Outlet />
-            </Box>
-          </Container>
-        </Box>
-        {/* </ThemeProvider> */}
-      </ChakraProvider>
-    </PrivyProvider>
+              <Header />
+              <Box
+                width="100%"
+                height="100%"
+                display="flex"
+                flexDirection="column"
+                position="relative"
+              >
+                <Outlet />
+              </Box>
+            </Container>
+          </Box>
+          {/* </ThemeProvider> */}
+        </ChakraProvider>
+      </PrivyProvider>
+    </ApolloProvider>
   );
 }