Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

レイアウトに都道府県の選択機能を追加する #20

Closed
ReoHakase opened this issue May 25, 2024 · 0 comments · Fixed by #21
Closed

レイアウトに都道府県の選択機能を追加する #20

ReoHakase opened this issue May 25, 2024 · 0 comments · Fixed by #21
Assignees
@ReoHakase
Labels
✨ feat 機能の実装。

Comments

@ReoHakase
Copy link
Owner

ReoHakase commented May 25, 2024 •
edited
Loading

概要

以下の二つのコンポーネントをlayout.tsxに追加する

image
@ReoHakase ReoHakase self-assigned this May 25, 2024
ReoHakase added a commit that referenced this issue May 25, 2024
@ReoHakase
fix: 🐛 (<PrefectureCheckbox>) 実体の<input>が表示される場所と同じ場所に配置されるように修正し…
965cfdf 
…た。 (#20)

- `position: absolute`で配置される`<input>`が、ラベル要素でなく`position: relative`を持つ直近の祖先に配置されてしまい、ラベルを押すと想定されていない場所にスクロールされてしまっていたため。
ReoHakase added a commit that referenced this issue May 25, 2024
@ReoHakase
fix: 🐛 (web) searchParamsを変更する時にスクロールされないよう修正した。 (#20)
edefd8f
ReoHakase added a commit that referenced this issue May 25, 2024
@ReoHakase
chore: 🔧 (web) Next.jsの実験的な機能scrollRestorationを有効化した。 (#20)
2c45caf
ReoHakase added a commit that referenced this issue May 25, 2024
@ReoHakase
fix: 🐛 (web) 都道府県コードの削除の結果、空になったときにprefCodesのキーも削除するように修正した。 (#20)
b8b45a5
ReoHakase added a commit that referenced this issue May 25, 2024
@ReoHakase
fix: 🐞 (<PrefectureStateBar>) クリアボタンが縮まないように修正した。 (#20)
8b0b42e
ReoHakase added a commit that referenced this issue May 25, 2024
@ReoHakase
chore: 🔧 (web) StorybookのexperimentalRSC機能を有効化した。 (#20)
5bd96d6
ReoHakase added a commit that referenced this issue May 25, 2024
@ReoHakase
feat: ✨ (<PrefectureCheckboxFieldset>) 都道府県をフェッチしてチェックボックスを表示するコンポー…
35fa18b 
…ネントを実装した。 (#20)
ReoHakase added a commit that referenced this issue May 25, 2024
@ReoHakase
test: 🧪 (<PrefectureCheckboxFieldset>) 都道府県をフェッチしてチェックボックスを表示するコンポー…
96626e9 
…ネントのストーリーを追加した。 (#20)
ReoHakase added a commit that referenced this issue May 25, 2024
@ReoHakase
feat: ✨ (<PrefectureForm>) ユーザーの操作に合わせてsearchParamsを更新するフォームを実装した。 (
f77688b 
#20)
ReoHakase added a commit that referenced this issue May 25, 2024
@ReoHakase
fix: 🐞 (/[statLabel]) paddingを削除した。 (#20)
e745f28 
- レイアウト側で付加するため
ReoHakase added a commit that referenced this issue May 25, 2024
@ReoHakase
feat: ✨ (/, /[statLabel]) 都道府県の選択機能を追加した。 (#20)
971138e
@ReoHakase ReoHakase mentioned this issue May 25, 2024
Merged
ReoHakase added a commit that referenced this issue May 25, 2024
@ReoHakase
test: 🧪 (<PrefectureCheckbox>) スクロールされないよう設定した引数に合わせて予期する値を更新した。 (#20)
0f0b9b4
ReoHakase added a commit that referenced this issue May 25, 2024
@ReoHakase
ci: 🦺 明示的にシークレット環境変数RESAS_API_KEYを与えるようにした。 (#20)
f3cc040
ReoHakase added a commit that referenced this issue May 25, 2024
@ReoHakase
ci: 🦺 Storybookのビルド用環境変数を.envファイルに書き出して与えるようにした。 (#20)
1fd8c54
ReoHakase added a commit that referenced this issue May 25, 2024
@ReoHakase
test: 🧪 (<PrefectureCheckboxFieldset>) RESAS APIへのフェッチを含むストーリーを削除した。 (
40b4882 
#20)

- CI環境での実行が難しいため。フェッチをモックするストーリーを作成するまで一時的にストーリーは無しにする。
@ReoHakase ReoHakase added ✨ feat 機能の実装。 and removed enhancement labels May 31, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@ReoHakase ReoHakase

Labels
✨ feat 機能の実装。
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

都道府県の選択フォームをレイアウトに追加した ReoHakase/simple-resas-app
1 participant
@ReoHakase