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.

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

テーブル機能を実装 #6

Merged
merged 12 commits into from
May 2, 2023
Merged

テーブル機能を実装 #6

merged 12 commits into from
May 2, 2023

Conversation

ymd1138
Copy link
Collaborator

@ymd1138 ymd1138 commented Mar 31, 2023

No description provided.

@MogamiTsuchikawa
Copy link
Member

フィルタすべき項目は以上ですか?本当に??

Copy link
Member

@MogamiTsuchikawa MogamiTsuchikawa left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

全体的に甘いです

pages/users.tsx Outdated
return (
<div style={{ width: "100%" }} className="overflow-auto">
{allTableDataTypes.map(t => (
<div style={{ width: "90vw", margin: "auto" }} className="overflow-auto">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

左右に余白を作りたいのであれば、そもそもbootstrapのcontainerなりをしっかり利用してください。使い方などはDBのページを参考にしてください。

pages/users.tsx Outdated
striped
bordered
hover
style={{ tableLayout: "fixed", overflow: "scroll" }}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

overflowはscrollだとX,Yどちらもスクロールが出てしまいます。autoにして必要な部分だけ表示されるようにしてください

pages/users.tsx Outdated
<>
<input type="checkbox" key={t} onChange={(e) => { onCheckFilter(e.target.checked, t) }} />
<input
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

このまま標準の使いにくいinput使うんですか?Bootstrapのcheckboxを利用してください。

@ymd1138 ymd1138 marked this pull request as draft April 2, 2023 12:30
@ymd1138 ymd1138 changed the title フィルタの項目を追加、画面左右に余白を追加 テーブルを実装中 Apr 16, 2023
@ymd1138 ymd1138 changed the title テーブルを実装中 テーブル機能を実装 Apr 28, 2023
@ymd1138 ymd1138 marked this pull request as ready for review April 28, 2023 16:14
@ymd1138
Copy link
Collaborator Author

ymd1138 commented Apr 29, 2023

概要

  • フィルタ項目の見直し
  • チェックボックスを横並びへ
  • importの中括弧をもとに戻す
  • defaultCheckedの分岐をリファクタリング
  • marginをpaddingに修正
  • 不要なフラグメントを削除
  • CSSをInline Stylesに変更

スクリーンショット

初期状態
スクリーンショット 2023-04-29 1717271

すべてチェックした状態
スクリーンショット 2023-04-29 171740
スクリーンショット 2023-04-29 171749

破壊的変更があるか(あれば内容を記載)

  • YES
  • NO

チェック項目

  • ビルドが通る
  • 作成した機能が想定通りに動作する
  • スマートフォンサイズで表示確認を行った
  • ダークモードで表示確認を行った
  • warning が増えていない
  • 複雑なコードにはコメントを記載してある

Copy link
Member

@MogamiTsuchikawa MogamiTsuchikawa left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

まだ実際に動作確認はできていませんが、とりあえずコードで気になるところだけ

pages/users.tsx Outdated Show resolved Hide resolved
pages/users.tsx Show resolved Hide resolved
pages/users.tsx Outdated Show resolved Hide resolved
Copy link
Member

@MogamiTsuchikawa MogamiTsuchikawa left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

リリースも遅れていて早めにリリースしたいとのことなのでこちらで修正してしまいました。最後にそちらで一度動作確認を取った後にMergeしちゃってください

@ymd1138 ymd1138 merged commit c1b4f78 into master May 2, 2023
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants