-
Notifications
You must be signed in to change notification settings - Fork 55
portfolio frida #41
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
base: main
Are you sure you want to change the base?
portfolio frida #41
Conversation
|
|
||
| useEffect(() => { | ||
| if (blog.description) { | ||
| fetch(blog.description) |
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.
This whole fetching of local markdown files feels a bit funky. You could have just imported them :)
| ))} | ||
|
|
||
| <ToggleButton $active={showAll} onClick={() => setShowAll(!showAll)}> | ||
| {!showAll && <TogglebtnIcon><ArrowIcon aria-hidden="true" /></TogglebtnIcon>} |
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.
A tip! This could have been written with one condition:
{showAll
? "Show fewer"
: (
<>
<TogglebtnIcon><ArrowIcon aria-hidden="true" /></TogglebtnIcon>
See more articles
</>
)
}| <ProjectCard key={i} project={project} /> | ||
| ))} | ||
|
|
||
| <ToggleButton $active={showAll} onClick={() => setShowAll(!showAll)}> |
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.
Remember to use the previous state! setShowAll(show => !show)
| @@ -1,4 +1,16 @@ | |||
| /* global base styles */ | |||
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.
This could have been put into styled components GlobalStyles :)
Npahlfer
left a comment
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.
Nicely done! Clever use of the theme and you use the styled props. Easy to read.
Some small improvements that I have commented on, but overall good!
Figma
Netlify