Skip to content

[Frontend] Standardize nav-bar for status site - #245

Closed
akankshadharkar wants to merge 22 commits into
developfrom
feature/nav-bar-sync
Closed

[Frontend] Standardize nav-bar for status site#245
akankshadharkar wants to merge 22 commits into
developfrom
feature/nav-bar-sync

Conversation

@akankshadharkar

Copy link
Copy Markdown
Contributor

Background

The nav-bars across all sites are not consistent and so we have tasks to make it consistent in all sites.

Implementation

This PR deals with template and styling changes for the navbar in status site.
Closes #233
Referenced CSS from RealDevSquad/website-crypto#241

Visual demo

Screen.Recording.2022-01-24.at.3.21.02.PM.mov

Note

This is my first attempt at a react/NextJS PR, please feel free to tell me better practices that I can use and improve on.

@rohan09-raj rohan09-raj left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Hey @akankshadharkar, we also need the Github Login button on this page, also the home should not be visible on desktop view.
Please check the designs for reference and https://www.realdevsquad.com/

@akankshadharkar

Copy link
Copy Markdown
Contributor Author

I'll add the github login as a separate commit, this was just to standardize the current ones and make them responsive.
I'll fix the home tab, the PR I referenced had it, my bad.

@rohan09-raj

Copy link
Copy Markdown
Contributor

I'll add the github login as a separate commit, this was just to standardize the current ones and make them responsive. I'll fix the home tab, the PR I referenced had it, my bad.

Oh ok great 💯

@whyDontI whyDontI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Good work 🥳
Requested some little changes

Comment thread src/components/navBar/index.tsx Outdated
@@ -1,35 +1,122 @@
$offset: 10px;
$thickness: 3px;
.wrapper {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Can we have the CSS nested? We are using SASS nesting in other stylesheets.
https://sass-lang.com/documentation/style-rules#advanced-nesting

@akankshadharkar akankshadharkar changed the title [Frontend] Standardize nav-bar for status site WORK IN PROGRESS [Frontend] Standardize nav-bar for status site Feb 6, 2022
@whyDontI
whyDontI marked this pull request as draft February 21, 2022 18:21
@vvaibhavdesai

Copy link
Copy Markdown
  • Created SignIn Btn component for rendering buttons
  • added CSS class for the same

@vvaibhavdesai
vvaibhavdesai marked this pull request as ready for review April 10, 2022 12:25
@rohan09-raj rohan09-raj changed the title WORK IN PROGRESS [Frontend] Standardize nav-bar for status site [Frontend] Standardize nav-bar for status site Apr 12, 2022
Comment thread src/components/navBar/index.tsx Outdated
Comment thread src/components/navBar/index.tsx Outdated
Comment thread src/components/navBar/index.tsx Outdated
Comment thread src/components/navBar/navlink.js Outdated
Comment thread src/components/navBar/index.tsx Outdated
Comment thread src/components/navBar/navlink.js Outdated
Comment thread src/components/navBar/navBar.module.scss Outdated
Comment thread src/components/navBar/index.tsx Outdated
Comment thread src/components/navBar/index.tsx Outdated
@shubham-y

shubham-y commented Apr 17, 2022

Copy link
Copy Markdown
Contributor

@vvaibhavdesai Good work 👍
Requesting some changes
[edit] Sorry, I pushed the wrong button!

@shubham-y shubham-y closed this Apr 17, 2022
@shubham-y shubham-y reopened this Apr 17, 2022
Comment thread src/components/navBar/index.tsx Outdated
vvaibhavdesai and others added 8 commits April 20, 2022 17:42
- added unconfigured host for next js
- updated style for user component
- replaced axios with fetch
- added types for navlinks
- fixed the SignIn btnText Issue
- fixed the navbarLinks issue for types
@rohan09-raj

Copy link
Copy Markdown
Contributor

Closing this PR as it got messed up due to rebasing and previous changes. This PR is further continued in #264

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Standardize the Navbar

5 participants