Skip to content

Create about us page#18

Open
lyuanww wants to merge 11 commits into
mainfrom
create-about-us-page
Open

Create about us page#18
lyuanww wants to merge 11 commits into
mainfrom
create-about-us-page

Conversation

@lyuanww

@lyuanww lyuanww commented Feb 25, 2023

Copy link
Copy Markdown

Issue#16 Resolved

Comment thread components/AboutUsPreview.tsx Outdated
const PreviewText = styled.div<{ hasAnimation?: boolean; fontType: FontType }>`
${fontTypeCss}
margin-top: 20px;
color: ${(props) => props.theme.palette.common.gray};

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

text hard to see tho... follow the figma

Comment on lines +5 to +12
const fadeIn = keyframes`
0% {
opacity: 0;
}
100% {
opacity: 1;
}
`

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

cool!

Comment thread package.json Outdated
"start": " next build && npm run open-browser && next start",
"lint": "next lint",
"open-browser": "start http://localhost:3000"
"open-browser": "open http://localhost:3000"

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

remove, and update your branch from main!

Comment thread components/AboutUsPreview.tsx Outdated
onClick: undefined,
}

export default function Preview(props: Props) {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Rename the component to something useful e.g. InformationComponent
Change the name of this file accordingly also, should match the name of the default component export

Comment thread components/FollowUs.tsx Outdated
color: ${(props) => props.theme.palette.common.black};
`

export default function FollowUs() {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

rename to like SocialMediaLinks or smthg

Comment thread components/FollowUs.tsx Outdated
color: ${(props) => props.theme.palette.common.black};
`

export default function FollowUs() {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

use arrow notation for functions!

Suggested change
export default function FollowUs() {
export FollowUs = () => {

Comment thread components/FollowUs.tsx Outdated
Comment on lines +25 to +27
<Icon></Icon>
<Icon></Icon>
<Icon></Icon>

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

good for now

Comment thread pages/aboutus.tsx Outdated
Comment on lines +1 to +9
/**
* # Create About Us Page
*
* Path: `/aboutus`
*
* ## Page Description
* This page is accessed after the user has clicked on the About Us button on the navigation bar.
*
*/

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Good job! However docs should be placed just above the main export function, not at the top of the file

Comment thread pages/aboutus.tsx Outdated
Comment on lines +7 to +8
* This page is accessed after the user has clicked on the About Us button on the navigation bar.
*

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Ok for now, but when the page is filled do describe more on what the page shows (e.g. shows a brief intro to hall etc.)

Comment thread tsconfig.json
"noImplicitAny": false
},
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "components/AboutUsInfoComponenttsx"],

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

hehe typo

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.

4 participants