ドキュメント一覧ページを作成する #38

kazuma-naka · 2024-12-12T17:31:25Z

Issue

ドキュメント一覧 #14

１回目の提出

概要

docs テーブルの migration ファイルの作成
seed.sql に docs テーブルにデータを挿入するSQL構文の追加
Docs ページを作成
Docs ページにリストとページャーを設置

変更確認方法

ブランチfeature/create-docs-listをローカルに取り込む
npm run devでローカル環境を立ち上げる

変更前

変更後

top page

docs

概要

docs テーブルの migration ファイルの作成
seed.sql に docs テーブルにデータを挿入するSQL構文の追加
Docs ページを作成
Docs ページにリストとページャーを設置
ページャー, ドキュメントリストはコンポネントとして作成
useDocs hook の作成

itemsPerPage で表示するドキュメント数を設定できるようにする

 <DocList itemsPerPage={2} />

変更確認方法

ブランチfeature/create-docs-listをローカルに取り込む
npm run devでローカル環境を立ち上げる

変更前

変更後

top page

docs

vercel · 2024-12-12T17:31:29Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
agent	❌ Failed (Inspect)			Jan 8, 2025 0:38am

komagata · 2024-12-12T18:39:51Z

src/app/docs/page.tsx

+import { useState, useEffect } from "react";
+import supabase from "../../lib/supabase";
+
+interface Doc {


DBにあるテーブルの型はsupabaseの機能で生成したものを使ってください。

型を supabase の機能で生成したものに変更しました🖊

komagata · 2024-12-12T18:40:53Z

src/app/docs/page.tsx

+  const [totalPages, setTotalPages] = useState(0);
+  const [loading, setLoading] = useState(true);
+
+  const fetchDocs = async (page: number) => {


テストしやすいようにページにはコンポーネントを置くだけの感じでお願いします〜。

docs/page.tsx にコンポネントを置くだけに変更しました🖊

komagata · 2024-12-14T16:30:28Z

src/app/docs/layout.tsx

@@ -0,0 +1,9 @@
+import SingleLayout from "@/components/layouts/SingleLayout";
+
+export default function DashboardLayout({


Suggested change

export default function DashboardLayout({

export default function DocsLayout({

の方がいいかも？

DocsLayout に修正しました🖊

komagata · 2024-12-14T16:31:11Z

src/app/page.tsx

-        <li>
-          <Link href="/dashboard">ダッシュボード</Link>
-        </li>
+        {links.map((link, index) => (


komagata · 2024-12-14T16:32:51Z

src/components/DocList.tsx

+import supabase from "../lib/supabase";
+import Pagination from "./Pagination";
+
+interface Doc {


これって自分で手書き定義しているからsupabaseの機能で生成した型を使っていることにならないかな〜と思います。

type Doc = Tables<"docs">;

に変更しました🖊

https://supabase.com/docs/guides/api/rest/generating-types#type-shorthands

komagata · 2024-12-14T16:35:00Z

supabase/migrations/20241212152148_create_docs.sql

+    updated_at TIMESTAMP DEFAULT NOW(),
+    user_id INT NOT NULL,
+    last_updated_user_id INT NOT NULL
+);


このマークが出ているということは最終行に改行がないかもです。

ファイルの末尾に改行があるか - 初心者がRailsプロジェクトへの初PRする前に見るチェックリスト - komagataのブログ

最終行に改行を挿入しました🖊
またエディタの設定で最後に改行されるようにしました⚙

kazuma-naka · 2025-01-05T04:18:37Z

@komagata さん、
こちらも修正が終わりましたので確認よろしくおねがいします。

Map を使って後から links にアイテムを追加しやすいようにする

last_updated_user_id を not null にする npx supabase db reset 後、 Studio でデータを確認 auth 実装後のコンフリクトを解消。 docs テーブルにデータを挿入する `supabase/seed.sql`

npx supabase gen types typescript --local > database.types.ts

docs/page.tsx にコンポネントのみ設置する

DocsLayout に変更する

komagata · 2025-01-08T07:27:36Z

これに対するcomponent test, e2e testの作成をお願いします。

kazuma-naka self-assigned this Dec 12, 2024

kazuma-naka requested a review from komagata December 12, 2024 17:31

komagata reviewed Dec 12, 2024

View reviewed changes

vercel bot had a problem deploying to Preview December 13, 2024 15:38 Failure

kazuma-naka force-pushed the feature/create-docs-list branch from cbcf4f8 to c2d8a05 Compare December 13, 2024 15:46

vercel bot had a problem deploying to Preview December 13, 2024 15:46 Failure

kazuma-naka requested a review from komagata December 13, 2024 15:47

vercel bot had a problem deploying to Preview December 13, 2024 16:49 Failure

vercel bot had a problem deploying to Preview December 13, 2024 16:54 Failure

kazuma-naka force-pushed the feature/create-docs-list branch from 8be2d36 to f33ed8c Compare December 14, 2024 15:51

vercel bot had a problem deploying to Preview December 14, 2024 15:51 Failure

komagata reviewed Dec 14, 2024

View reviewed changes

vercel bot had a problem deploying to Preview December 14, 2024 17:18 Failure

vercel bot had a problem deploying to Preview December 14, 2024 17:21 Failure

kazuma-naka requested a review from komagata December 14, 2024 17:25

vercel bot had a problem deploying to Preview December 17, 2024 06:14 Failure

kazuma-naka added 12 commits January 7, 2025 19:23

トップページに Docs のリンクを追加する。

e75e736

Map を使って後から links にアイテムを追加しやすいようにする

docs テーブルを作成する migration ファイルの作成

a4d8381

docs 用のテストデータを seed.sql に追加

9e60934

last_updated_user_id を not null にする npx supabase db reset 後、 Studio でデータを確認 auth 実装後のコンフリクトを解消。 docs テーブルにデータを挿入する `supabase/seed.sql`

Docs 一覧のリストとページャーを設置する

80194b5

Doc の last_updared_user_id を not null にする

4ee619b

コンフリクトを直す

0b8f693

supabase/datase.types.ts を supabase から生成したものに変更する

3cb077c

npx supabase gen types typescript --local > database.types.ts

components/Docs.tsx を新規作成

ab1a3ba

docs/page.tsx にコンポネントのみ設置する

Doc の TypeScript の型を supabase で生成されたものに変更

8f95ab0

Pagination.tsx をコンポネントとして作成

60b5953

DocList をコンポネント化してドキュメントを表示する設定を簡単にする

e1308eb

components/Docs.tsx の function 名を Docs に変更する

c57b9da

kazuma-naka added 4 commits January 7, 2025 19:32

Supabase で生成した型を Tables<> で使うようにする

fc35909

DocsLayout に変更する

docs.sql の最後に改行を入れる

dc42728

useDocs hook の作成

d01d216

doc の seed を増やす

24dbfe9

kazuma-naka force-pushed the feature/create-docs-list branch from ec03455 to 24dbfe9 Compare January 8, 2025 00:38

vercel bot had a problem deploying to Preview January 8, 2025 00:38 Failure

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

ドキュメント一覧ページを作成する #38

ドキュメント一覧ページを作成する #38

kazuma-naka commented Dec 12, 2024 •

edited

Loading

vercel bot commented Dec 12, 2024 •

edited

Loading

komagata Dec 12, 2024

kazuma-naka Dec 13, 2024

komagata Dec 12, 2024

kazuma-naka Dec 13, 2024

komagata Dec 14, 2024

kazuma-naka Dec 14, 2024

komagata Dec 14, 2024

komagata Dec 14, 2024

kazuma-naka Dec 14, 2024

komagata Dec 14, 2024

kazuma-naka Dec 14, 2024

kazuma-naka commented Jan 5, 2025

komagata commented Jan 8, 2025

		@@ -0,0 +1,9 @@
		import SingleLayout from "@/components/layouts/SingleLayout";

		export default function DashboardLayout({

	export default function DashboardLayout({
	export default function DocsLayout({

ドキュメント一覧ページを作成する #38

Are you sure you want to change the base?

ドキュメント一覧ページを作成する #38

Conversation

kazuma-naka commented Dec 12, 2024 • edited Loading

Issue

概要

変更確認方法

変更前

変更後

top page

docs

概要

変更確認方法

変更前

変更後

top page

docs

vercel bot commented Dec 12, 2024 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

kazuma-naka commented Jan 5, 2025

komagata commented Jan 8, 2025

kazuma-naka commented Dec 12, 2024 •

edited

Loading

vercel bot commented Dec 12, 2024 •

edited

Loading