-
Notifications
You must be signed in to change notification settings - Fork 17
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
added footer component and resolve merge conflicts #25
base: main
Are you sure you want to change the base?
Conversation
✅ Deploy Preview for rio-react ready!
To edit notification comments on pull requests, go to your Netlify site settings. |
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.
- Run
npm run prettier
to automatically format your code and fix lint issues - Convert menus.tsx to a normal class file, minus the .tsx extension and instead just ts. Doesnt look like a react component
<footer className="bg-gray-900 text-white"> | ||
<div className="md:flex md:justify-between md:items-center sm:px-12 px-4 bg-gray-900 py-7"> | ||
<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.
Empty div?
@@ -0,0 +1,21 @@ | |||
|
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 tsx
@@ -0,0 +1,32 @@ | |||
|
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.
Create an interface for the items.
something like this: export interface SomeName{ name: string; link: string }
and then use as: export const Company: SomeName[] = [ { name: "...", link: "..." } ]
This helps with strongly typing stuff
@@ -0,0 +1,19 @@ | |||
|
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.
convert to tsx
@@ -0,0 +1,21 @@ | |||
|
|||
const Item = ({ Links, title }) => { |
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.
lowercase for variable names
<SocialIcons Icons={Icons} /> | ||
</div> | ||
</div> | ||
<Item Links={Company} title="Company" /> |
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.
you could include title in interface as well
Kindly review...