User description

209

PR Type

enhancement, tests

Description

新しいコンポーネントの追加と既存コンポーネントのストーリーを追加しました。
各コンポーネントに対するテストを追加し、動作を検証しました。
エラー定数を定義し、システムエラーとビジネスエラーを整理しました。
管理者用のメンバー一覧ページを実装し、メンバーステータスに基づくフィルタリングを可能にしました。

Changes walkthrough 📝

Relevant files

Enhancement

13 files

Table.stories.tsx `テーブルコンポーネントのストーリー追加` app/src/components/table/Table.stories.tsx 新しいテーブルコンポーネントのストーリーを追加複数のテーブルレイアウトの例を提供ストライプ、ヘッダーのcolspan/rowspanなどのスタイルを含む	+601/-1
Colors.tsx `カラーコンポーネントの追加と色の定義` app/src/designTokens/Colors.tsx - カラーコンポーネントを追加 - 複数の色のバリエーションを定義 - 色の変換ロジックを実装	+346/-1
Accordion.stories.tsx `アコーディオンコンポーネントのストーリー追加` app/src/components/accordion/Accordion.stories.tsx - アコーディオンコンポーネントのストーリーを追加 - コンパクトおよび排他的アコーディオンの例を提供	+152/-1
TiledRadio.tsx `タイルラジオコンポーネントの追加` app/src/components/tiledRadio/TiledRadio.tsx - タイルラジオコンポーネントを追加 - ラジオボタンのスタイルと動作を定義	+110/-1
Typography.tsx `タイポグラフィコンポーネントの追加` app/src/designTokens/Typography.tsx - タイポグラフィコンポーネントを追加 - 複数のテキストスタイルを定義	+108/-1
Radio.tsx `ラジオコンポーネントの追加` app/src/components/radio/Radio.tsx - ラジオコンポーネントを追加 - エラースタイルとフォーカススタイルを実装	+85/-1
Pagination.tsx `ページネーションコンポーネントの追加` app/src/components/pagination/Pagination.tsx - ページネーションコンポーネントを追加 - ページ移動のためのボタンとスタイルを定義	+174/-1
Checkbox.tsx `チェックボックスコンポーネントの追加` app/src/components/checkbox/Checkbox.tsx - チェックボックスコンポーネントを追加 - エラースタイルとフォーカススタイルを実装	+88/-1
allMembers.ts `メンバーモックデータの追加` app/src/mocks/fixtures/member/allMembers.ts - メンバーのモックデータを追加 - 複数のメンバーステータスを含む	+85/-1
Button.stories.tsx `ボタンコンポーネントのストーリー追加` app/src/components/button/Button.stories.tsx - ボタンコンポーネントのストーリーを追加 - 複数のバリアントとサイズの例を提供	+165/-1
index.tsx `管理者用メンバー一覧ページの追加` app/src/feature/admin/members/index/index.tsx - 管理者用メンバー一覧ページを追加 - メンバーステータスに基づくフィルタリングを実装	+124/-1
const.ts `エラー定数の追加` app/src/error/const.ts - エラー定数を追加 - システムエラーとビジネスエラーを定義	+112/-1
UtilityLink.stories.tsx `ユーティリティリンクコンポーネントのストーリー追加` app/src/components/utilityLink/UtilityLink.stories.tsx - ユーティリティリンクコンポーネントのストーリーを追加 - 内部リンクと外部リンクの例を提供	+33/-1

Tests

3 files

index.test.tsx `退会確認ページのテスト追加` app/src/feature/mypage/resignMember/confirm/index.test.tsx - 退会確認ページのテストを追加 - キャッシュの有無による動作を検証	+181/-1
seo.test.tsx `SEOコンポーネントのテスト追加` app/src/pages/_seo/seo.test.tsx - SEOコンポーネントのテストを追加 - メタタグの存在と内容を検証	+145/-1
index.test.tsx `記事ページのサーバーサイドテスト追加` app/src/pages/articles/[id]/_server/index.test.tsx - 記事ページのサーバーサイドテストを追加 - 正常系と異常系の動作を検証	+127/-1

Additional files (token-limit)

211 files

graphql.tsx `...` app/src/generated/graphql.tsx ...	+3829/-1
index.tsx `...` app/src/feature/mypage/resignMember/confirm/index.tsx ...	+114/-1
UtilityLink.tsx `...` app/src/components/utilityLink/UtilityLink.tsx ...	+44/-1
MemberTableRow.tsx `...` app/src/feature/admin/allMembers/index/table/MemberTableRow.tsx ...	+117/-1
Pagination.stories.tsx `...` app/src/components/pagination/Pagination.stories.tsx ...	+110/-1
index.tsx `...` app/src/const/paths/index.tsx ...	+87/-1
Button.tsx `...` app/src/components/button/Button.tsx ...	+84/-1
HamburgerButton.stories.tsx `...` app/src/components/hamburgerButton/HamburgerButton.stories.tsx ...	+89/-1
HamburgerButton.tsx `...` app/src/components/hamburgerButton/HamburgerButton.tsx ...	+64/-1
Breadcrumbs.tsx `...` app/src/components/breadcrumbs/Breadcrumbs.tsx ...	+82/-1
useResignMember.command.test.ts `...` app/src/core/usecases/member/useResignMember.command.test.ts ...	+83/-1
useFetchMembers.query.test.ts `...` app/src/core/usecases/member/useFetchMembers.query.test.ts ...	+79/-1
_appApollo.provider.tsx `...` app/src/pages/_provider/_appApollo.provider.tsx ...	+78/-1
BanDialog.tsx `...` app/src/feature/admin/allMembers/index/dialog/BanDialog.tsx ...	+74/-1
Elevation.tsx `...` app/src/designTokens/Elevation.tsx ...	+48/-1
index.tsx `...` app/src/feature/header/index.tsx ...	+78/-1
useFetchActiveMember.query.test.ts `...` app/src/core/usecases/member/useFetchActiveMember.query.test.ts ...	+67/-1
index.tsx `...` app/src/feature/mypage/resignMember/input/index.tsx ...	+65/-1
index.ts `...` app/src/mocks/fixtures/member/index.ts ...	+43/-1
useFetchActiveMember.query.ts `...` app/src/core/usecases/member/useFetchActiveMember.query.ts ...	+58/-1
Table.tsx `...` app/src/components/table/Table.tsx ...	+75/-1
Accordion.tsx `...` app/src/components/accordion/Accordion.tsx ...	+60/-1
Link.tsx `...` app/src/components/link/Link.tsx ...	+52/-1
Select.tsx `...` app/src/components/select/Select.tsx ...	+50/-1
index.ts `...` app/src/lib/logger/index.ts ...	+71/-1
index.tsx `...` app/src/pages/articles/[id]/_server/index.tsx ...	+57/-1
index.ts `...` app/src/components/index.ts ...	+60/-1
seo.tsx `...` app/src/pages/_seo/seo.tsx ...	+53/-1
ScrollToTopButton.tsx `...` app/src/components/scrollToTopButton/ScrollToTopButton.tsx ...	+41/-1
_error.boundary.tsx `...` app/src/pages/_error/_error.boundary.tsx ...	+65/-1
Breadcrumbs.stories.tsx `...` app/src/components/breadcrumbs/Breadcrumbs.stories.tsx ...	+51/-1
index.ts `...` app/src/utils/cache/index.ts ...	+68/-1
validation.test.ts `...` app/src/feature/mypage/resignMember/hooks/form/validation.test.ts ...	+62/-1
ErrorNotificationContext.tsx `...` app/src/feature/error/banner/ErrorNotificationContext.tsx ...	+74/-1
useSignIn.command.test.ts `...` app/src/shared/usecases/auth/useSignIn.command.test.ts ...	+59/-1
signin.tsx `...` app/src/feature/signIn/signin.tsx ...	+54/-1
popup.tsx `...` app/src/feature/admin/allMembers/index/popup.tsx ...	+56/-1
useFetchAllMembers.query.ts `...` app/src/core/usecases/member/useFetchAllMembers.query.ts ...	+53/-1
signup.tsx `...` app/src/feature/signup/signup.tsx ...	+54/-1
Radius.tsx `...` app/src/designTokens/Radius.tsx ...	+36/-1
useResignMember.command.ts `...` app/src/core/usecases/member/useResignMember.command.ts ...	+50/-1
DisableDialog.tsx `...` app/src/feature/admin/allMembers/index/dialog/DisableDialog.tsx ...	+48/-1
_index.page.test.tsx `...` app/src/pages/mypage/resign-member/confirm/_index.page.test.tsx ...	+59/-1
type.ts `...` app/src/feature/admin/allMembers/index/table/type.ts ...	+59/-1
index.tsx `...` app/src/feature/admin/allMembers/index/index.tsx ...	+50/-1
index.ts `...` app/src/shared/repositories/auth/index.ts ...	+61/-1
useSignOut.command.test.ts `...` app/src/shared/usecases/auth/useSignOut.command.test.ts ...	+49/-1
Ul.stories.tsx `...` app/src/components/ul/Ul.stories.tsx ...	+47/-1
errorBoundary.tsx `...` app/src/feature/mypage/resignMember/confirm/errorBoundary.tsx ...	+56/-1
_index.page.test.tsx `...` app/src/pages/mypage/resign-member/input/_index.page.test.tsx ...	+55/-1
useSignUp.command.test.ts `...` app/src/shared/usecases/auth/useSignUp.command.test.ts ...	+50/-1
index.ts `...` app/src/feature/mypage/resignMember/hooks/form/index.ts ...	+52/-1
useBanMemberForm.tsx `...` app/src/feature/admin/allMembers/index/form/useBanMemberForm.tsx ...	+52/-1
_index.page.test.tsx `...` app/src/pages/mypage/_index.page.test.tsx ...	+56/-1
transform.ts `...` app/src/error/transform/http/transform.ts ...	+54/-1
_error.tsx `...` app/src/pages/_error.tsx ...	+43/-1
ActiveMemberRow.tsx `...` app/src/feature/admin/allMembers/index/table/ActiveMemberRow.tsx ...	+38/-1
Textarea.tsx `...` app/src/components/textarea/Textarea.tsx ...	+37/-1
Dialog.tsx `...` app/src/components/dialog/Dialog.tsx ...	+46/-1
PendingActivationMemberRow.tsx `...` app/src/feature/admin/allMembers/index/table/PendingActivationMemberRow.tsx ...	+38/-1
AspectRatio.tsx `...` app/src/designTokens/AspectRatio.tsx ...	+31/-1
utils.ts `...` app/src/designTokens/utils.ts ...	+31/-1
index.page.tsx `...` app/src/pages/articles/[id]/index.page.tsx ...	+39/-1
Ol.stories.tsx `...` app/src/components/ol/Ol.stories.tsx ...	+40/-1
index.ts `...` app/src/lib/fetcher/index.ts ...	+58/-1
index.ts `...` app/src/lib/firebase/index.ts ...	+34/-1
_app.page.tsx `...` app/src/pages/_app.page.tsx ...	+39/-1
jest.config.ts `...` app/jest.config.ts ...	+33/-1
AuthGuard.tsx `...` app/src/feature/auth/component/AuthGuard.tsx ...	+34/-1
sentry.client.config.ts `...` app/sentry.client.config.ts ...	+33/-1
ErrorBanner.stories.tsx `...` app/src/feature/error/banner/ErrorBanner.stories.tsx ...	+41/-1
preview.tsx `...` app/.storybook/preview.tsx ...	+41/-1
Input.tsx `...` app/src/components/input/Input.tsx ...	+30/-1
activeMember.transformer.ts `...` app/src/core/repositories/member/transformer/activeMember.transformer.ts ...	+31/-1
Link.stories.tsx `...` app/src/components/link/Link.stories.tsx ...	+37/-1
seo-helper.tsx `...` app/src/__testing__/seo-helper.tsx ...	+40/-1
ColorItem.tsx `...` app/src/designTokens/ColorItem.tsx ...	+30/-1
_error.boundary.tsx `...` app/src/pages/_error/_server/_error.boundary.tsx ...	+35/-1
validators.ts `...` app/src/pages/articles/[id]/_server/validators.ts ...	+34/-1
transform.ts `...` app/src/error/transform/auth/transform.ts ...	+24/-1
RequirementBadge.stories.tsx `...` app/src/components/requirementBadge/RequirementBadge.stories.tsx ...	+30/-1
index.tsx `...` app/src/feature/signIn/hooks/form/index.tsx ...	+36/-1
index.tsx `...` app/src/feature/signup/hooks/form/index.tsx ...	+36/-1
Label.stories.tsx `...` app/src/components/label/Label.stories.tsx ...	+30/-1
Legend.stories.tsx `...` app/src/components/legend/Legend.stories.tsx ...	+30/-1
Legend.tsx `...` app/src/components/legend/Legend.tsx ...	+27/-1
Label.tsx `...` app/src/components/label/Label.tsx ...	+27/-1
RequirementBadge.tsx `...` app/src/components/requirementBadge/RequirementBadge.tsx ...	+27/-1
three-dots.icon.tsx `...` app/src/feature/admin/allMembers/index/three-dots.icon.tsx ...	+24/-1
index.page.tsx `...` app/src/pages/mypage/index.page.tsx ...	+12/-6
auth.ts `...` app/src/__mocks__/firebase/auth.ts ...	+35/-1
main.ts `...` app/.storybook/main.ts ...	+27/-1
index.page.ts `...` app/src/pages/api/articles/[id]/index.page.ts ...	+25/-1
ScrollToTopButton.stories.tsx `...` app/src/components/scrollToTopButton/ScrollToTopButton.stories.tsx ...	+25/-1
table.tsx `...` app/src/feature/admin/allMembers/index/table/table.tsx ...	+26/-1
sentry.edge.config.ts `...` app/sentry.edge.config.ts ...	+19/-1
sentry.server.config.ts `...` app/sentry.server.config.ts ...	+21/-1
member.ts `...` app/src/core/domains/member/member.ts ...	+23/-1
validation.ts `...` app/src/feature/mypage/resignMember/hooks/form/validation.ts ...	+23/-1
SupportText.tsx `...` app/src/components/supportText/SupportText.tsx ...	+21/-1
ErrorText.tsx `...` app/src/components/errorText/ErrorText.tsx ...	+21/-1
Ul.tsx `...` app/src/components/ul/Ul.tsx ...	+20/-1
Ol.tsx `...` app/src/components/ol/Ol.tsx ...	+20/-1
ErrorText.stories.tsx `...` app/src/components/errorText/ErrorText.stories.tsx ...	+23/-1
SupportText.stories.tsx `...` app/src/components/supportText/SupportText.stories.tsx ...	+23/-1
Elevation.stories.tsx `...` app/src/designTokens/Elevation.stories.tsx ...	+25/-1
AspectRatio.stories.tsx `...` app/src/designTokens/AspectRatio.stories.tsx ...	+25/-1
transformError.ts `...` app/src/pages/articles/[id]/_server/transformError.ts ...	+14/-1
Colors.stories.tsx `...` app/src/designTokens/Colors.stories.tsx ...	+24/-1
Radius.stories.tsx `...` app/src/designTokens/Radius.stories.tsx ...	+24/-1
MembersList.tsx `...` app/src/feature/admin/members/index/MembersList.tsx ...	+23/-1
errorScreen.tsx `...` app/src/pages/articles/[id]/_server/errorScreen.tsx ...	+22/-1
Typography.stories.tsx `...` app/src/designTokens/Typography.stories.tsx ...	+24/-1
HttpError.ts `...` app/src/error/transform/http/HttpError.ts ...	+28/-1
article.ts `...` app/src/mocks/fixtures/article.ts ...	+20/-1
ErrorBanner.tsx `...` app/src/feature/error/banner/ErrorBanner.tsx ...	+22/-1
MenuItem.tsx `...` app/src/feature/admin/allMembers/index/list/MenuItem.tsx ...	+23/-1
errorScreen.tsx `...` app/src/feature/mypage/resignMember/confirm/errorScreen.tsx ...	+22/-1
index.page.tsx `...` app/src/pages/mypage/resign-member/confirm/index.page.tsx ...	+7/-4
index.tsx `...` app/src/feature/mypage/index/index.tsx ...	+20/-1
index.page.tsx `...` app/src/pages/mypage/resign-member/input/index.page.tsx ...	+7/-4
ErrorNotificationContext.ts `...` app/src/feature/error/banner/__mock__/ErrorNotificationContext.ts ...	+25/-1
helper.tsx `...` app/src/__testing__/helper.tsx ...	+18/-1
allMembers.transformer.ts `...` app/src/core/repositories/member/transformer/allMembers.transformer.ts ...	+4/-1
_error.screen.tsx `...` app/src/pages/_error/_server/_error.screen.tsx ...	+21/-1
useSignUp.command.tsx `...` app/src/shared/usecases/auth/useSignUp.command.tsx ...	+18/-1
useSignIn.command.tsx `...` app/src/shared/usecases/auth/useSignIn.command.tsx ...	+18/-1
membersByStatus.transformer.ts `...` app/src/core/repositories/member/transformer/membersByStatus.transformer.ts ...	+4/-1
_index.page.test.tsx `...` app/src/pages/articles/[id]/_index.page.test.tsx ...	+1/-1
env.ts `...` app/src/config/env.ts ...	+16/-1
useSignOut.command.tsx `...` app/src/shared/usecases/auth/useSignOut.command.tsx ...	+18/-1
_app.provider.tsx `...` app/src/pages/_provider/_app.provider.tsx ...	+17/-1
useFetchMembers.query.ts `...` app/src/core/usecases/member/useFetchMembers.query.ts ...	+4/-1
StubAuthProvider.tsx `...` app/src/feature/auth/provider/StubAuthProvider.tsx ...	+22/-1
transformError.ts `...` app/src/shared/repositories/auth/transformError.ts ...	+13/-1
_document.page.tsx `...` app/src/pages/_document.page.tsx ...	+19/-1
activeMember.ts `...` app/src/mocks/fixtures/activeMember.ts ...	+13/-1
index.page.tsx `...` app/src/pages/signIn/index.page.tsx ...	+6/-3
index.ts `...` app/src/mocks/rest/article/index.ts ...	+16/-1
index.page.tsx `...` app/src/pages/signUp/index.page.tsx ...	+6/-3
_error.screen.tsx `...` app/src/pages/_error/_error.screen.tsx ...	+18/-1
members.repository.ts `...` app/src/core/repositories/member/members.repository.ts ...	+4/-1
transform.ts `...` app/src/error/transform/boundary/transform.ts ...	+13/-1
transform.ts `...` app/src/error/transform/unexpected/transform.ts ...	+18/-1
index.test.tsx `...` app/src/feature/mypage/resignMember/input/index.test.tsx ...	+2/-2
index.test.tsx `...` app/src/feature/admin/members/index/index.test.tsx ...	+1/-1
type.ts `...` app/src/utils/cache/type.ts ...	+16/-1
activeMember.ts `...` app/src/core/domains/member/activeMember.ts ...	+13/-1
useWebStorage.ts `...` app/src/utils/cache/useWebStorage.ts ...	+15/-1
index.ts `...` app/src/mocks/index.ts ...	+13/-1
transform.ts `...` app/src/error/transform/unhandledRejection/transform.ts ...	+11/-1
_index.page.test.tsx `...` app/src/pages/admin/members/_index.page.test.tsx ...	+1/-1
resignMember.ts `...` app/src/core/domains/member/resignMember.ts ...	+11/-1
app.ts `...` app/src/__mocks__/firebase/app.ts ...	+14/-1
transformError.ts `...` app/src/core/repositories/member/transformError.ts ...	+1/-1
useStubAuthContext.tsx `...` app/src/mocks/fixtures/provider/useStubAuthContext.tsx ...	+13/-1
_index.page.test.tsx `...` app/src/pages/_index.page.test.tsx ...	+1/-1
index.page.tsx `...` app/src/pages/admin/allMembers/index.page.tsx ...	+1/-1
index.page.tsx `...` app/src/pages/admin/members/index.page.tsx ...	+1/-1
articles.repository.ts `...` app/src/core/repositories/article/articles.repository.ts ...	+9/-1
AuthProvider.tsx `...` app/src/feature/auth/provider/AuthProvider.tsx ...	+1/-1
resignMember.transformer.ts `...` app/src/core/repositories/member/transformer/resignMember.transformer.ts ...	+1/-1
instrumentation.ts `...` app/src/instrumentation.ts ...	+2/-2
status.ts `...` app/src/core/domains/member/status.ts ...	+10/-1
bannedMember.ts `...` app/src/core/domains/member/bannedMember.ts ...	+11/-1
restoredMember.ts `...` app/src/core/domains/member/restoredMember.ts ...	+11/-1
index.stories.tsx `...` app/src/feature/admin/members/index/index.stories.tsx ...	+1/-1
outputErrorLog.ts `...` app/src/error/outputErrorLog.ts ...	+1/-1
validation.ts `...` app/src/feature/signIn/hooks/form/validation.ts ...	+8/-1
validation.ts `...` app/src/feature/signup/hooks/form/validation.ts ...	+8/-1
TiledRadio.stories.tsx `...` app/src/components/tiledRadio/TiledRadio.stories.tsx ...	+1/-1
pendingActivationMember.ts `...` app/src/core/domains/member/pendingActivationMember.ts ...	+10/-1
index.test.tsx `...` app/src/feature/mypage/index/index.test.tsx ...	+5/-1
index.page.tsx `...` app/src/pages/index.page.tsx ...	+1/-1
transform.ts `...` app/src/error/transform/apollo/transform.ts ...	+1/-1
jest.setup.ts `...` app/jest.setup.ts ...	+9/-1
Textarea.stories.tsx `...` app/src/components/textarea/Textarea.stories.tsx ...	+1/-1
Checkbox.stories.tsx `...` app/src/components/checkbox/Checkbox.stories.tsx ...	+1/-1
Radio.stories.tsx `...` app/src/components/radio/Radio.stories.tsx ...	+1/-1
next-env.d.ts `...` app/next-env.d.ts ...	+6/-1
Select.stories.tsx `...` app/src/components/select/Select.stories.tsx ...	+1/-1
Input.stories.tsx `...` app/src/components/input/Input.stories.tsx ...	+1/-1
index.test.ts `...` app/src/utils/cache/index.test.ts ...	+7/-1
Dialog.stories.tsx `...` app/src/components/dialog/Dialog.stories.tsx ...	+1/-1
article.ts `...` app/src/core/domains/article/article.ts ...	+9/-1
index.tsx `...` app/src/feature/index/index.tsx ...	+5/-1
browser.ts `...` app/src/mocks/browser.ts ...	+5/-1
error.ts `...` app/src/utils/cache/error.ts ...	+7/-1
server.ts `...` app/src/mocks/server.ts ...	+5/-1
nextjs.ts `...` app/src/__mocks__/@sentry/nextjs.ts ...	+5/-1
restHandlers.ts `...` app/src/mocks/rest/restHandlers.ts ...	+4/-1
mockServiceWorker.js `...` app/public/mockServiceWorker.js ...	+285/-1
codegen.js `...` app/codegen.js ...	+53/-1
biome.js `...` app/biome.js ...	+49/-1
knip.js `...` app/knip.js ...	+32/-1
jest.polyfills.js `...` app/jest.polyfills.js ...	+31/-1
tailwind.config.js `...` app/tailwind.config.js ...	+15/-1
postcss.config.js `...` app/postcss.config.js ...	+8/-1
globals.css `...` app/src/styles/globals.css ...	+20/-1
graphql.schema.json `...` app/graphql.schema.json ...	+23519/-1
package-lock.json `...` app/package-lock.json ...	+38/-107
next.config.mjs `...` app/next.config.mjs ...	+52/-1
lefthook.yml `...` lefthook.yml ...	+35/-22
tsconfig.json `...` app/tsconfig.json ...	+36/-1
QueryMembersByStatus.graphql `...` app/src/core/repositories/member/graphql/QueryMembersByStatus.graphql ...	+46/-1
QueryAllMembers.graphql `...` app/src/core/repositories/member/graphql/QueryAllMembers.graphql ...	+46/-1
lefthook.yml `...` app/lefthook.yml ...	+22/-0
package.json `...` app/package.json ...	+1/-1
settings.json `...` .vscode/settings.json ...	+2/-1
QueryActiveMember.graphql `...` app/src/core/repositories/member/graphql/QueryActiveMember.graphql ...	+16/-1
MutationResignMember.graphql `...` app/src/core/repositories/member/graphql/MutationResignMember.graphql ...	+13/-1

💡 PR-Agent usage: Comment /help on the PR to get a list of all available PR-Agent tools and their descriptions

Category	Suggestion	Score
Enhancement	フォーカス時の視認性を向上させるためにアウトラインの太さを明確に指定する。 ___ `peer-focus-visible:outline` は `peer-focus-visible:outline-2` に変更して、アウトラインの太さを明確に指定してください。これにより、フォーカス時の視認性が向上します。 [app/src/components/checkbox/Checkbox.tsx [34-36]](https://github.com/r-sugi/nextjs-tdd-template/pull/210/files#diff-71750c681ed159416dea800070fd49228e933559c6e8a063b953064f7894045bR34-R36) ```diff -peer-focus-visible:outline +peer-focus-visible:outline-2 ``` Suggestion importance[1-10]: 8 Why: The suggestion to change `peer-focus-visible:outline` to `peer-focus-visible:outline-2` is valid as it improves the focus visibility, which is crucial for accessibility.	8
Enhancement	無効状態の視認性を向上させるために背景色を追加する。 ___ `peer-disabled:fill-solid-grey-420` は無効状態のスタイルとして適切ですが、視認性をさらに向上させるために背景色も指定することをお勧めします。例えば、`peer-disabled:bg-solid-grey-50` を追加することで、無効状態がより明確になります。 [app/src/components/checkbox/Checkbox.tsx [62]](https://github.com/r-sugi/nextjs-tdd-template/pull/210/files#diff-71750c681ed159416dea800070fd49228e933559c6e8a063b953064f7894045bR62-R62) ```diff -peer-disabled:fill-solid-grey-420 +peer-disabled:fill-solid-grey-420 peer-disabled:bg-solid-grey-50 ``` Suggestion importance[1-10]: 7 Why: Adding a background color for the disabled state can enhance visibility and user experience, making it a useful enhancement.	7
Possible issue	CSSクラスの修正を提案します。 ___ `peer-focus-visible:outline-focus-yellow` はCSSクラスとして無効です。正しいCSSプロパティを使用してください。 [app/src/components/radio/Radio.tsx [35]](https://github.com/r-sugi/nextjs-tdd-template/pull/210/files#diff-d0092a9dc87708af01af754b50e359f4a1eaf5d40a1e50478e13a8c8767bc9fbR35-R35) ```diff -peer-focus-visible:outline-focus-yellow +peer-focus-visible:outline-yellow-500 ``` Suggestion importance[1-10]: 7 Why: The suggestion correctly identifies a potential issue with the CSS class `peer-focus-visible:outline-focus-yellow`, which may not be valid. Replacing it with `peer-focus-visible:outline-yellow-500` could improve the styling consistency and correctness, assuming `outline-yellow-500` is a valid class in the project's CSS framework.	7

r-sugi / nextjs-tdd-template

app配下にソースコードを移動させる #210

User description

209

PR Type

Description

Changes walkthrough 📝

PR Reviewer Guide 🔍

PR Code Suggestions ✨