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

Improving sidebar navigation on an unscoped page #10199

Open
wants to merge 15 commits into
base: master
Choose a base branch
from

Conversation

salman-neslit
Copy link
Collaborator

@salman-neslit salman-neslit commented Dec 10, 2024

Link to Issue

Closes: #7987

Description of Changes

  • Adds enhanced sidebar information display.
  • Displays user profile information including:
    • Username.
    • Profile Image.
    • Background Image.
    • Linked addresses.

"How We Fixed It"

Test Plan

  • Open the side bar.
  • Verify that it display the user profile and background image.
  • Verify that it display the connected addresses on the sidebar.
  • Remove the address and verify that you can also remove linked address from the sidebar.

Deployment Plan

Other Considerations

@salman-neslit salman-neslit marked this pull request as ready for review December 10, 2024 20:12
@salman-neslit salman-neslit requested review from Israellund and mzparacha and removed request for Israellund December 12, 2024 16:14
@mzparacha
Copy link
Contributor

mzparacha commented Dec 16, 2024

Noticed a few issues

  1. The user information is only displayed in the sidebar in community pages (scoped pages), instead of unscoped pages (non-community pages), which I believe we want to do here?
  2. Getting weird error states when disconnecting an address from a community (see video), this happened in a community where only 1 address was connected.
  3. Getting weird UI states when connecting an address to a community (see video).
  4. During page load there is a weird UI state for profile info, for some brief milliseconds.
  5. Linking a new address in an already joined community, doesn't update the address list until page reload (see the 2nd video)
  6. The "Joined"/"Join community" button below the profile section, its state doesn't update when the first/last address in a community is joined/removed, until page refresh.
Screen.Recording.2024-12-16.at.7.56.15.PM.mov
Screen.Recording.2024-12-16.at.8.00.45.PM.mov
  1. Can we make the user name and image link to their profile?
Screenshot 2024-12-16 at 8 02 31 PM
  1. Minor: can we lighten the checkmark color? Looks a bit dark
  2. The copy address button also got removed, is this by design?

}),
);
setAddresses(
// @ts-expect-error <StrictNullChecks/>
Copy link
Contributor

Choose a reason for hiding this comment

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

plz try to avoid // @ts-expect-error <StrictNullChecks/> whenever possible

const { openMagicWallet } = useAuthentication({});

return (
<div className="AddressItem">
Copy link
Contributor

Choose a reason for hiding this comment

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

you should use existing components like CWIdentificationTag or CWTag.

Take a look on TagsShowcase component for a clue.

https://common.xyz/components

image

{formatAddressShort(address, 6)}
</CWText>
</div>
{isSelected && <CWIcon iconName="checkCircleFilled" />}
Copy link
Contributor

Choose a reason for hiding this comment

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

desgin vs current, adjust size and coolor of icon
image
image

… into salman/Issue#7987/improving-sidebar-navigation
@mzparacha
Copy link
Contributor

Just retested, and i only got 2 and 5 from #10199 (comment) working.

@salman-neslit

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.

Improving sidebar navigation on an unscoped page
3 participants