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

Recreated the Kong navigation clone using reactjs #15

Open
wants to merge 19 commits into
base: main
Choose a base branch
from

Conversation

mehrab-alam
Copy link
Contributor

@mehrab-alam mehrab-alam commented Mar 20, 2023

image

image

Screenshot 2023-04-03 151748

Screenshot 2023-04-03 151328


const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
<React.StrictMode>

<KongNav />
Copy link
Contributor

Choose a reason for hiding this comment

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

Don't change index.js ever

@@ -0,0 +1,77 @@
.products-menu-option {
Copy link
Contributor

Choose a reason for hiding this comment

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

Here also context classes

font-size: 0.8rem;
}

.menu-container {
Copy link
Contributor

Choose a reason for hiding this comment

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

context classes

Copy link
Contributor

@amezng amezng left a comment

Choose a reason for hiding this comment

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

See the review comments and address them all.

</li>

<li className="kong-sub-link-list sub-list-2">Solution</li>
<li className="kong-sub-link-list sub-list-3">Customers</li>
Copy link
Contributor

Choose a reason for hiding this comment

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

Not required to create or use such classnames

{isOpen && (<KongNavMenu />)}
</div>
</li>
<li className="kongnav-menu-2">Solution</li>
Copy link
Contributor

Choose a reason for hiding this comment

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

Use the class kongnav-menu-item

<ul>
<li>
<div className="menu-description">
<a href="">Kong Enterprise</a>
Copy link
Contributor

Choose a reason for hiding this comment

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

Use array of objects for rendering all the menu items

Copy link
Contributor

@amezng amezng left a comment

Choose a reason for hiding this comment

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

LGTM

@amezng
Copy link
Contributor

amezng commented Mar 31, 2023

not as per the design

@amezng
Copy link
Contributor

amezng commented Mar 31, 2023

@mehrab-alam there should be more space between King Konnect and upper section in mobile version

@amezng
Copy link
Contributor

amezng commented Apr 2, 2023

Its still the same as per the design. There is extra space in mobile nav. Fix it

@amezng
Copy link
Contributor

amezng commented Apr 3, 2023

It still shows the same old image. Can you update the latest images.

@amezng
Copy link
Contributor

amezng commented Apr 3, 2023

It still the same issue

Screenshot 2023-04-03 at 10 05 18 AM

@amezng
Copy link
Contributor

amezng commented Apr 4, 2023

Rename the BlueSimple file and fix index.js

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