つなぎ込み

aki-0517 · Dec 5, 2024 · 68281a9 · 68281a9
1 parent 580fa89
commit 68281a9
Show file tree

Hide file tree

Showing 3 changed files with 46 additions and 49 deletions.
diff --git a/packages/nextjs/app/user/list/page.tsx b/packages/nextjs/app/user/list/page.tsx
@@ -1,37 +1,25 @@
-import type { NextPage } from "next";
-import { CardList } from "~~/components/CardList";
+'use client';
+
+import type { NextPage } from 'next';
+import { useAccount } from 'wagmi';
+import { CardList } from '~~/components/CardList';
+import { useERC721List } from '~~/hooks/scaffold-eth/useERC721List';
 
 const UserListPage: NextPage = () => {
-  const cards = [
-    {
-      title: "引換券",
-      issueDate: "2024.12.05",
-      amount: 7000,
-      expiryDate: "2025.06.30",
-      usageScope: "店舗全体",
-    },
-    {
-      title: "引換券",
-      issueDate: "2024.12.05",
-      amount: 7000,
-      expiryDate: "2025.06.30",
-      usageScope: "店舗全体",
-    },
-    {
-      title: "引換券",
-      issueDate: "2024.12.05",
-      amount: 7000,
-      expiryDate: "2025.06.30",
-      usageScope: "店舗全体",
-    },
-    {
-      title: "引換券",
-      issueDate: "2024.12.05",
-      amount: 7000,
-      expiryDate: "2025.06.30",
-      usageScope: "店舗全体",
-    },
-  ];
+  const { address } = useAccount();
+  const { vouchers } = useERC721List(address || '');
+
+  const cards = vouchers?.map((voucher) => {
+    const amount = voucher.amount;
+    return {
+      title: voucher.title,
+      issueDate: voucher.issueDate.toString(),
+      amount: Number(amount),
+      expiryDate: voucher.expiryDate.toString(),
+      usageScope: voucher.usageScope,
+    };
+  }) || [];
+
 
   return <CardList cards={cards} />;
 };

diff --git a/packages/nextjs/components/Header.tsx b/packages/nextjs/components/Header.tsx
@@ -90,17 +90,10 @@ export const Header = () => {
           )}
         </div>
         <Link href="/" passHref className="hidden lg:flex items-center gap-2 ml-4 mr-6 shrink-0">
-          <div className="flex relative w-10 h-10">
+          <div className="flex relative w-20 h-10">
             <Image alt="SE2 logo" className="cursor-pointer" fill src="/logo.svg" />
           </div>
-          <div className="flex flex-col">
-            <span className="font-bold leading-tight">Scaffold-ETH</span>
-            <span className="text-xs">Ethereum dev stack</span>
-          </div>
         </Link>
-        {/* <ul className="hidden lg:flex lg:flex-nowrap menu menu-horizontal px-1 gap-2">
-          <HeaderMenuLinks />
-        </ul> */}
       </div>
       <div className="navbar-end flex-grow mr-4">
         <RainbowKitCustomConnectButton />

diff --git a/packages/nextjs/public/logo.svg b/packages/nextjs/public/logo.svg