🚧 project マージ前調整

wappon28dev · Sep 23, 2024 · 535262c · 535262c
1 parent 3cd1788
commit 535262c
Showing 1 changed file with 21 additions and 98 deletions.
diff --git a/src/routes/_auth/seeds/index.tsx b/src/routes/_auth/seeds/index.tsx
@@ -1,6 +1,7 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute, Link } from "@tanstack/react-router";
 import { styled as p } from "panda/jsx";
 import { SownSeed } from "./-components/SownSeed";
+import { seedsData, projectsData } from "@/assets/data";
 import { GridLayout } from "@/components/GridLayout";
 import { Button } from "@/components/cva/Button";
 import { Expanded } from "@/components/cva/Expanded";
@@ -47,110 +48,32 @@ export const Route = createFileRoute("/_auth/seeds/")({
           自分が蒔いた種
         </p.h2>
         <p.div display="flex" flexWrap="nowrap" gap={4} overflowX="auto">
-          <SownSeed
-            category="花"
-            createdAt="2021.10.10"
-            description="これはテストです。"
-          />
-          <SownSeed
-            category="花"
-            createdAt="2021.10.10"
-            description="これはテストです。"
-          />
-          <SownSeed
-            category="花"
-            createdAt="2021.10.10"
-            description="これはテストです。"
-          />
-          <SownSeed
-            category="花"
-            createdAt="2021.10.10"
-            description="これはテストです。"
-          />
-          <SownSeed
-            category="花"
-            createdAt="2021.10.10"
-            description="これはテストです。"
-          />
-          <SownSeed
-            category="花"
-            createdAt="2021.10.10"
-            description="これはテストです。"
-          />
-        </p.div>
-        <p.div display="flex" flexWrap="nowrap" gap={4} overflowX="auto">
-          <SownSeed
-            category="花"
-            createdAt="2021.10.10"
-            description="これはテストです。"
-          />
-          <SownSeed
-            category="花"
-            createdAt="2021.10.10"
-            description="これはテストです。"
-          />
-          <SownSeed
-            category="花"
-            createdAt="2021.10.10"
-            description="これはテストです。"
-          />
-          <SownSeed
-            category="花"
-            createdAt="2021.10.10"
-            description="これはテストです。"
-          />
-          <SownSeed
-            category="花"
-            createdAt="2021.10.10"
-            description="これはテストです。"
-          />
-          <SownSeed
-            category="花"
-            createdAt="2021.10.10"
-            description="これはテストです。"
-          />
+          {seedsData.map((seed) => (
+            <SownSeed
+              key={seed.seed_id}
+              category={seed.category_id}
+              createdAt={seed.created_at}
+              description={seed.description ?? ""}
+            />
+          ))}
         </p.div>
         <p.div my={50}>
           <p.h2 fontSize="1rem" fontWeight="bold" my={10} textAlign="left">
             目が出た種
           </p.h2>
           <GridLayout>
             <>
-              <ProjectCard
-                amountOfMoney={100000}
-                keyVisual="https://placehold.jp/300x150.png"
-                location="中区周辺"
-                name="タイトル"
-                status="wakaba"
-              />
-              <ProjectCard
-                amountOfMoney={100000}
-                keyVisual="https://placehold.jp/300x150.png"
-                location="中区周辺"
-                name="タイトル"
-                status="wakaba"
-              />{" "}
-              <ProjectCard
-                amountOfMoney={100000}
-                keyVisual="https://placehold.jp/300x150.png"
-                location="中区周辺"
-                name="タイトル"
-                status="wakaba"
-              />{" "}
-              <ProjectCard
-                amountOfMoney={100000}
-                keyVisual="https://placehold.jp/300x150.png"
-                location="中区周辺"
-                name="タイトル"
-                status="wakaba"
-              />{" "}
-              <ProjectCard
-                amountOfMoney={100000}
-                keyVisual="https://placehold.jp/300x150.png"
-                location="中区周辺"
-                name="タイトル"
-                status="wakaba"
-              />
+              {projectsData
+                .sort((a, b) => b.created_at.localeCompare(a.created_at))
+                .map((_) => (
+                  <Link key={_.project_id} to={`/projects/${_.project_id}`}>
+                    <ProjectCard
+                      description={projectsData.description}
+                      name={_.name}
+                      status={_.status}
+                    />
+                  </Link>
+                ))}
             </>
           </GridLayout>
         </p.div>