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

Updated/Standardized navbar of member-site #265

Merged
merged 21 commits into from
Jan 25, 2022

Conversation

Kshashank99
Copy link
Contributor

@Kshashank99 Kshashank99 commented Oct 21, 2021

I have made the changes as per the instructions. Please review my PR.
Updated Navbar :
image
image

Closes #261

Copy link
Contributor

@rohan09-raj rohan09-raj left a comment

Choose a reason for hiding this comment

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

  • Can you please remove the Home tab and add the Status site tab in the nav bar. You can refer to the screenshot in the issue description ??
  • On clicking the logo, we should be directed to Home Page
  • Add the screenshot of the mobile view as well.

src/components/UI/navbar/navbar.module.scss Outdated Show resolved Hide resolved
src/components/UI/navbar/navbar.module.scss Outdated Show resolved Hide resolved
src/components/UI/navbar/navbar.module.scss Outdated Show resolved Hide resolved
src/components/UI/navbar/navbar.module.scss Outdated Show resolved Hide resolved
Copy link
Contributor

@rohan09-raj rohan09-raj left a comment

Choose a reason for hiding this comment

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

@Kshashank99 In the mobile view, please add the link of status site also and if possible can you please left-align X a bit.

rohan09-raj
rohan09-raj previously approved these changes Oct 29, 2021
Copy link
Contributor

@harshith-venkatesh harshith-venkatesh left a comment

Choose a reason for hiding this comment

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

Good work👍, resolve the last NITs please

@Kshashank99
Copy link
Contributor Author

Hey @rohan09-raj, @sumitd94 and @harshith-venkatesh Please review the PR.
Before
image
image

After
image
image

package.json Outdated Show resolved Hide resolved
src/components/UI/navbar/index.js Outdated Show resolved Hide resolved
src/components/UI/navbar/index.js Outdated Show resolved Hide resolved
src/components/UI/navbar/index.js Outdated Show resolved Hide resolved
src/components/UI/navbar/index.js Outdated Show resolved Hide resolved
src/components/UI/navbar/index.js Outdated Show resolved Hide resolved
src/components/UI/navbar/index.js Outdated Show resolved Hide resolved
src/components/UI/navbar/index.js Outdated Show resolved Hide resolved
src/components/UI/navbar/navbar.module.scss Outdated Show resolved Hide resolved
src/components/layout/index.js Outdated Show resolved Hide resolved
Copy link
Contributor

@rohan09-raj rohan09-raj left a comment

Choose a reason for hiding this comment

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

@Kshashank99 Can you please remove all the previous attached images in conversation and only upload the current updated UI screenshot in the description. It is bit confusing for us to understand which is the latest one.
Upload the following screenshots :

  • Desktop View
  • Mobile view (navbar menu closed)
  • Mobile view (navbar menu open)

src/components/UI/navbar/index.js Outdated Show resolved Hide resolved
src/components/UI/side-drawer/side-drawer.module.scss Outdated Show resolved Hide resolved
src/components/layout/index.js Outdated Show resolved Hide resolved
@Kshashank99
Copy link
Contributor Author

@rohan09-raj @sumitd94 @swarajpure Please review the PR #265 :

Before:

Desktop view

image

Mobile view

image

After:

Desktop view

image

Mobile view

image

@rohan09-raj rohan09-raj marked this pull request as ready for review January 11, 2022 14:35
package.json Outdated Show resolved Hide resolved
src/components/UI/modal/index.jsx Show resolved Hide resolved
src/components/UI/navbar/index.js Show resolved Hide resolved
src/components/UI/navbar/index.js Outdated Show resolved Hide resolved
src/components/UI/navbar/index.js Outdated Show resolved Hide resolved
src/components/UI/navbar/index.js Outdated Show resolved Hide resolved
src/components/UI/navbar/index.js Outdated Show resolved Hide resolved
src/components/UI/navbar/navbar.module.scss Outdated Show resolved Hide resolved
src/components/UI/navbar/navbar.module.scss Outdated Show resolved Hide resolved
src/components/UI/backdrop/backdrop.module.scss Outdated Show resolved Hide resolved
src/components/UI/backdrop/backdrop.module.scss Outdated Show resolved Hide resolved
src/components/UI/backdrop/index.js Outdated Show resolved Hide resolved
src/components/UI/navbar/index.js Outdated Show resolved Hide resolved
src/components/UI/navbar/index.js Outdated Show resolved Hide resolved
<li className={nav.name === 'Home' ? `${styles.Homes}` : null}>
<li
className={nav.name === 'Home' ? `${styles.homes}` : null}
key
Copy link
Contributor

Choose a reason for hiding this comment

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

Why this prop has no value ??

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Added Id

src/components/UI/navbar/navbar.module.scss Outdated Show resolved Hide resolved
src/components/UI/navbar/navbar.module.scss Outdated Show resolved Hide resolved
src/components/UI/navbar/navbar.module.scss Outdated Show resolved Hide resolved
src/components/UI/navbar/navbar.module.scss Show resolved Hide resolved
rohan09-raj
rohan09-raj previously approved these changes Jan 25, 2022
Copy link
Contributor

@rohan09-raj rohan09-raj left a comment

Choose a reason for hiding this comment

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

Looks good to me 💯 , thanks for being patient and actively addressing comments. Really appreciate the efforts. Approved from my side

setUserData({
userName: responseJson.username,
firstName: responseJson.first_name,
profilePicture: responseJson.picture.url?.DEFAULT_AVATAR,
Copy link
Contributor

Choose a reason for hiding this comment

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

Nice 💯

@rohan09-raj rohan09-raj merged commit 1c83b2b into Real-Dev-Squad:develop Jan 25, 2022
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.

Standardize Navbar across Real Dev Squad
5 participants