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

feat: Added Navbar-item-component to "/components" #29

Merged
merged 2 commits into from
Dec 22, 2024

Conversation

Villarley
Copy link
Contributor

@Villarley Villarley commented Dec 19, 2024

Closes #8

Tasks:

  • Implemented The component
  • Visual Tested
  • Tested route function
  • Included the types

Description

Included the following code to implement the Navbar-Component-Item

import React from 'react';

interface NavbarItemProps {
  text: string;
  route: () => void;
}

const NavbarItem: React.FC<NavbarItemProps> = ({ text, route }) => {
  const handleClick = () => {
    if (route) {
      route();
    }
  };

  return (
    <button
      onClick={handleClick}
      className="bg-[#E36C59] text-white font-bold text-lg rounded-full px-6 py-2 shadow-lg hover:bg-[#D9564D] transition-all"
    >
      {text}
    </button>
  );
};

export default NavbarItem;

Evidence

image

Included the params:
- Text(String)
- Route(Function
)
@Villarley
Copy link
Contributor Author

Work In progress 🚧🚧🚧

@bitfalt
Copy link
Collaborator

bitfalt commented Dec 21, 2024

hey @Villarley, good job so far. Could you please add a picture of how the component looks once you're finished.

Thank you for your contribution :D

@Villarley
Copy link
Contributor Author

hey @Villarley, good job so far. Could you please add a picture of how the component looks once you're finished.

Thank you for your contribution :D

Hey @bitfalt ready!

Copy link
Collaborator

@evgongora evgongora left a comment

Choose a reason for hiding this comment

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

LGTM! Thank you so much!

@evgongora evgongora merged commit cd52fa9 into ZencypherSolutions:main Dec 22, 2024
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.

Create Navbar Item component
3 participants