-
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
[FEATURE]: Home Page #14
base: develop
Are you sure you want to change the base?
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.
remove this lock file. use pnpm instend of npm.
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.
shoud it be image from backend?.
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.
use png for image and svg for icon. move all asset to public/images
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.
naming ให้มัน relate
import { ReactElement } from 'react' | ||
import NewsCard from './newsCard' | ||
|
||
export default function Achivements(): ReactElement { |
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.
use arrow function and it type NextPage
<NewsCard /> | ||
<NewsCard /> | ||
<NewsCard /> |
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.
make it render from data
return ( | ||
<Container> | ||
<Card sx={{ maxWidth: 378 }}> |
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.
why limit max width?
const Container = styled('div')` | ||
&& { | ||
padding: 20px; | ||
text-align: center; | ||
} | ||
` | ||
const Space = styled('div')` | ||
&& { | ||
padding-bottom: 50px; |
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.
use native Mui component
<Grid item xs={12} sm={6} md={4}> | ||
<WorkCard /> | ||
</Grid> | ||
<Grid item xs={12} sm={6} md={4}> | ||
<WorkCard /> | ||
</Grid> | ||
<Grid item xs={12} sm={6} md={4}> | ||
<WorkCard /> |
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.
render from data
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.
remove unused
Create component and mock-up data in homepage