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

added footer component and resolve merge conflicts #25

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

KephaKibet
Copy link

Kindly review...

@netlify
Copy link

netlify bot commented Nov 14, 2022

Deploy Preview for rio-react ready!

Name Link
🔨 Latest commit 9ded443
🔍 Latest deploy log https://app.netlify.com/sites/rio-react/deploys/6372976f2dc05c000914562a
😎 Deploy Preview https://deploy-preview-25--rio-react.netlify.app/
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

Copy link
Contributor

@nyandika nyandika left a 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>

Copy link
Contributor

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 @@

Copy link
Contributor

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 @@

Copy link
Contributor

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 @@

Copy link
Contributor

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 }) => {
Copy link
Contributor

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" />
Copy link
Contributor

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

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.

2 participants