-
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
Adds component markup for logo and dropdown menus using Strapi data for desktop #65
Adds component markup for logo and dropdown menus using Strapi data for desktop #65
Conversation
@@ -70,7 +70,7 @@ module.exports = { | |||
"@typescript-eslint/no-unsafe-call": "off", | |||
"@typescript-eslint/no-unsafe-member-access": "off", | |||
"@typescript-eslint/no-unsafe-return": "off", | |||
"@typescript-eslint/no-unused-vars": "error", | |||
"@typescript-eslint/no-unused-vars": ["error", { "ignoreRestSiblings": true }], |
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.
Allows clever removal of properties from an object with destructuring. I'm open to debate on it, although to me it feels restricted when the intent of this type of code is quite clear. See example below.
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 approach works for me!
const SiteLogo = () => ( | ||
<Link className={`${styles.navLogo}`} to="/"> | ||
{/* TODO */} | ||
[SITE LOGO HERE] | ||
</Link> | ||
); | ||
|
||
const SiteLinks = () => { | ||
return ( | ||
<div className={styles.navRight}> | ||
<Translate /> | ||
</div> | ||
); | ||
}; | ||
|
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.
It could be worth separating these out later but I didn't see much use for this abstraction at the moment while I was rewriting things.
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.
LGTM!
@@ -70,7 +70,7 @@ module.exports = { | |||
"@typescript-eslint/no-unsafe-call": "off", | |||
"@typescript-eslint/no-unsafe-member-access": "off", | |||
"@typescript-eslint/no-unsafe-return": "off", | |||
"@typescript-eslint/no-unused-vars": "error", | |||
"@typescript-eslint/no-unused-vars": ["error", { "ignoreRestSiblings": true }], |
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 approach works for me!
This PR focuses on markup. Demo:
Monosnap.screencast.2024-07-01.13-55-44.mp4