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

[FEATURE]: Home Page #14

Open
wants to merge 15 commits into
base: develop
Choose a base branch
from
Open

[FEATURE]: Home Page #14

wants to merge 15 commits into from

Conversation

nanthawatsk
Copy link
Collaborator

Create component and mock-up data in homepage

@nanthawatsk nanthawatsk reopened this May 19, 2024
@nanthawatsk nanthawatsk changed the title Feature/homepage [FEATURE]: Homepage May 19, 2024
@nanthawatsk nanthawatsk changed the title [FEATURE]: Homepage [FEATURE]: Home Page May 19, 2024
@nanthawatsk nanthawatsk self-assigned this May 19, 2024
Copy link
Collaborator

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.

Copy link
Collaborator

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?.

Copy link
Collaborator

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

Copy link
Collaborator

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 {
Copy link
Collaborator

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

Comment on lines +18 to +20
<NewsCard />
<NewsCard />
<NewsCard />
Copy link
Collaborator

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

Comment on lines +18 to +20
return (
<Container>
<Card sx={{ maxWidth: 378 }}>
Copy link
Collaborator

Choose a reason for hiding this comment

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

why limit max width?

Comment on lines +7 to +15
const Container = styled('div')`
&& {
padding: 20px;
text-align: center;
}
`
const Space = styled('div')`
&& {
padding-bottom: 50px;
Copy link
Collaborator

Choose a reason for hiding this comment

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

use native Mui component

Comment on lines +23 to +30
<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 />
Copy link
Collaborator

Choose a reason for hiding this comment

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

render from data

Copy link
Collaborator

Choose a reason for hiding this comment

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

remove unused

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.

3 participants