共通利用するButtonComponentを実装

[keitakn]

issueURL

#303

関連 URL

StorybookでComponentを作成しただけなのでなし。

このPRで対応すること / このPRで対応しないこと

#303 の完了の定義を満たしている事。

Storybook の URL もしくはスクリーンショット

https://622b6c5dc31e9e003a111eb5-uqdzpgolqf.chromatic.com/?path=/story/app-components-iconbutton--with-github-icon

変更点概要

Button用の共通Componentを定義。

ただしアップロード用のボタンに関しては今回作成していない。

詳しくは以下を参照。

This pull request includes several changes focused on refactoring button components, updating dependencies, and extending the theme configuration. The most important changes include the removal of the Button component and its stories, the introduction of the IconButton and LinkButton components with their respective stories, and the extension of the Tailwind CSS configuration to include a new font family.

Changes to button components:

• src/app/_components/Button.tsx: Removed the Button component and its associated logic.
• src/app/_components/Button.stories.tsx: Removed the stories for the Button component.
• src/app/_components/IconButton.tsx: Added the IconButton component with various icon options and state handling.
• src/app/_components/IconButton.stories.tsx: Added stories for the IconButton component showcasing different icon states.
• src/app/_components/LinkButton.tsx: Added the LinkButton component for navigation purposes.
• src/app/_components/LinkButton.stories.tsx: Added stories for the LinkButton component with different styles and classes.

Dependency updates:

• package.json: Removed the react-icons dependency.

Theme configuration:

• tailwind.config.ts: Extended the Tailwind CSS configuration to include the Inter font family.

レビュアーに重点的にチェックして欲しい点

特になし

補足情報

特になし

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
lgtm-cat-frontend	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 23, 2024 5:30pm

[codecov]

Codecov Report

Attention: Patch coverage is 0% with 213 lines in your changes missing coverage. Please review.

Project coverage is 13.02%. Comparing base (65302bc) to head (4e46991).
Report is 12 commits behind head on release/epic36/design-renewal-2024.

Files	Patch %	Lines
src/app/_components/IconButton.stories.tsx	0.00%	78 Missing and 1 partial ⚠️
src/app/_components/IconButton.tsx	0.00%	78 Missing and 1 partial ⚠️
src/app/_components/LinkButton.stories.tsx	0.00%	27 Missing and 1 partial ⚠️
src/app/_components/LinkButton.tsx	0.00%	19 Missing and 1 partial ⚠️
tailwind.config.ts	0.00%	7 Missing ⚠️

Additional details and impacted files

@@                          Coverage Diff                           @@
##           release/epic36/design-renewal-2024     #342      +/-   ##
======================================================================
- Coverage                               14.86%   13.02%   -1.84%     
======================================================================
  Files                                      47       49       +2     
  Lines                                    1164     1328     +164     
  Branches                                   71       73       +2     
======================================================================
  Hits                                      173      173              
- Misses                                    952     1114     +162     
- Partials                                   39       41       +2     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.