-
Notifications
You must be signed in to change notification settings - Fork 0
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
Mainページの作成 #8
Mainページの作成 #8
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
少々コメント残しました。
全体的にに良かったと思います👍
src/app/main/page.tsx
Outdated
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
全体的にdivの数が気になるかもです。
コンポーネントの中に隠せるやつは隠した方がいいかも。
ex) <div className="h-max"> <UserSearchForm /> </div>
src/components/Sidebar.tsx
Outdated
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
imho: Tailwindのスタイルだけ変数に入れて、コンポーネントは一行のアローで書くのもアリかも。
src/components/User.tsx
Outdated
> | ||
<div className="flex flex-row items-center"> | ||
<div className="mb-2 mr-4"> | ||
<UserIcon iconImageHash={user.iconImageHash} size={96} /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
96は定数として、変数で管理したほうが良さそう。
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
こちらで対応しました!
931e080
src/components/UserList.tsx
Outdated
import { UserData } from "../../proto/typescript/pb_out/main"; | ||
|
||
// テストデータ | ||
const users: UserData[] = [ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
なかなか量があるので、テストデータは別ファイルに移した方がよさそう。
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
こちらで対応しました!
9ca834c
src/components/UserList.tsx
Outdated
<div className="w-1/12"> | ||
<span | ||
className="material-symbols-outlined" | ||
style={{ fontSize: "96px", color: "#bfdbfe" }} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ここだけインラインの理由は?
また、コメントで補足 or 96pxを変数に格納することで意図がわかるようにした方がいいかも。
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ここで対応しました!
4b8fc1b
} | ||
|
||
const CareerPreview = (props: Props) => { | ||
const { user } = props; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
FLY(どっちでもOKです。)
ただの共有っす、こっちの書き方もアリかもです。
const CareerPreview = ({ user }: Props) => {...}
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
PRで実装される機能
今後実装する機能
UI
2024-03-10.14.41.02.mov
PRで修正される機能
レビューをお願いしたいポイント