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

[Issue-129]各ページの0件表示 #252

Merged
merged 7 commits into from
Jan 22, 2024
Merged

[Issue-129]各ページの0件表示 #252

merged 7 commits into from
Jan 22, 2024

Conversation

daisonmeganes
Copy link
Contributor

目的・解決すること

close #129

変更内容

各ページの0件表示を実装しました

動作確認の手順と項目

0件にさせて表示させてみてください

スクリーンショット

作品検索画面の検索結果
スクリーンショット 2024-01-18 155743
ユーザー検索画面の検索結果
スクリーンショット 2024-01-18 155721
各タグ画面の作品一覧
スクリーンショット 2024-01-18 152834
プロフィール画面のコメント欄
スクリーンショット 2024-01-18 153326

自己評価

出来を10点満点で自己評価:

8点

  • 実装できたのでチェックして欲しい。
  • 心配なところがいくつかある。
  • あまり理解できていないがissueなどに書いてあるとおり やった。
  • その他(下に記入)

備考

  • 各タグ画面の作品一覧で0件だった場合
    ユーザが作品を作成させるためにボタンを置いてみました。
    (めったに見ない0件表示になりそうだけど)
    スクリーンショット 2024-01-18 160432
  • 画像、文章の内容はどうでしょうか?

@TBSten
Copy link
Contributor

TBSten commented Jan 18, 2024

ちょっとレイアウトシフトが気になるが一旦スルー

#89 で対応したい

image image
-2024-01-18-21.15.44.mp4

@TBSten TBSten mentioned this pull request Jan 18, 2024
@TBSten
Copy link
Contributor

TBSten commented Jan 18, 2024

ユーザが作品を作成させるためにボタンを置いてみました。
(めったに見ない0件表示になりそうだけど)

非常に_良さげ

@TBSten
Copy link
Contributor

TBSten commented Jan 18, 2024

  • 全体的に空白がなくて窮屈な印象を受けるのでページタイトル上下にmarginを追加してください。

イメージ

0件表示サンプル 0件表示サンプル-1

https://www.figma.com/file/CgUG7Ndac2D6JwWLdVo42i/%E3%81%BF%E3%82%93%E3%81%97%E3%82%85%E3%81%BF-%E7%94%BB%E9%9D%A2%E8%A8%AD%E8%A8%88?type=design&node-id=826-1138&mode=design&t=IgAVI7PAzGzb9g0l-4

Copy link
Contributor

@TBSten TBSten left a comment

Choose a reason for hiding this comment

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

カードとかで囲ってもいいのかなと思いました。

カードあり

height={400}
/>
<PageTitle style={{ color: 'red' }}>
作品の検索結果はありません
Copy link
Contributor

Choose a reason for hiding this comment

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

  • 文字を赤色にする必要はない気がします。(するとしても className={{color:"error"}} を指定してください。)

width={200}
height={400}
/>
<PageTitle style={{ color: 'red' }}>
Copy link
Contributor

Choose a reason for hiding this comment

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

  • 文字を赤色にする必要はない気がします。(するとしても className={{color:"error"}} を指定してください。)

@TBSten
Copy link
Contributor

TBSten commented Jan 18, 2024

以下もお願いします

  • プロフィール画面
    • アピール
    • 今見ている作品
スクリーンショット 2024-01-19 0 27 08
  • 設定画面
    • ユーザタブの名刺
    • アピール作品タブ
    • 今見ている作品タブ
スクリーンショット 2024-01-19 0 31 13 スクリーンショット 2024-01-19 0 31 16 スクリーンショット 2024-01-19 0 31 24

@daisonmeganes
Copy link
Contributor Author

以下もお願いします

  • プロフィール画面

    • アピール
    • 今見ている作品
スクリーンショット 2024-01-19 0 27 08 * 設定画面
  • ユーザタブの名刺
  • アピール作品タブ
  • 今見ている作品タブ

スクリーンショット 2024-01-19 0 31 13 スクリーンショット 2024-01-19 0 31 16 スクリーンショット 2024-01-19 0 31 24

対応済みです

Copy link
Contributor

@TBSten TBSten left a comment

Choose a reason for hiding this comment

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

画像などをコンポーネントにまとめると見栄えがいいなと思いましたが一旦LGTMですー!

LGTM

@TBSten TBSten merged commit cfbfec9 into main Jan 22, 2024
2 checks 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.

各一覧ページの0件表示
2 participants