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: move edit profile, delegations and treasuries into settings page #653

Merged
merged 14 commits into from
Aug 28, 2024

Conversation

Sekhmet
Copy link
Member

@Sekhmet Sekhmet commented Aug 23, 2024

Summary

This PR removes edit profile/delegations/treasuries into settings page.

Closes: https://github.com/snapshot-labs/workflow/issues/166

Note: There is issue with EVM networks when saving networks as with TheGraph when updating metadata IPFS is not updated in sync with space itself so there is period where space is updated but IFPS wasn't resolved yet (and metadata is missing on space object). We reload space on save so it might be possible that you will end up with failure there, this would be resolved once we migrate from TheGraph.

How to test

  1. Go to your onchain space.
  2. Go to settings.
  3. You can modify settings and save it.

Screenshots

Screen.Recording.2024-08-23.at.14.34.50.mov

@Sekhmet Sekhmet force-pushed the sekhmet/settings-profile branch from 23d657d to 94e0fd2 Compare August 23, 2024 13:09
@bonustrack
Copy link
Member

bonustrack commented Aug 23, 2024

Profile page should not have header with title and description and should have a max width, maybe you seen previous version of the design, here is the design: https://www.figma.com/design/hmHTau1Y1KYzrBBKLQr5QV/%23design?node-id=5248-3827&t=wT7znFIbQqTY8ivx-0
(You don't need to add extra social network input)

Others pages should also have a fixed max width and not take the whole space

I found also these issues earlier: https://github.com/snapshot-labs/workflow/issues/178

@Sekhmet
Copy link
Member Author

Sekhmet commented Aug 23, 2024

I didn't use any designs there, because those weren't linked in the issue so I just copied those as-is 😆

Didn't know those designs are final as they looked WIP (profile page has things we don't support and somehow has authenticators included as well, delegations support only single delegation).

Is delegation also supposed to updated to this new design (that supports only single delegation)?

@bonustrack
Copy link
Member

Didn't know those designs are final as they looked WIP (profile page has things we don't support and somehow has authenticators included as well, delegations support only single delegation).

Yes my bad there are still some part that is in progress, I've removed the authenticators this must be a mistake

Is delegation also supposed to updated to this new design (that supports only single delegation)?

No, we are moving away from this see https://github.com/snapshot-labs/workflow/issues/177

@wa0x6e
Copy link
Contributor

wa0x6e commented Aug 24, 2024

Missed it in the previous PR, but shouldn't the navigation be sticky ?

@wa0x6e
Copy link
Contributor

wa0x6e commented Aug 24, 2024

Error state on the inputs are not persisted between tab navigation:

  • Go to profile tab
  • Input something invalid in the url input
  • the input has an error state (red border, with error message)
  • Navigate to another tab
  • Go back to profile tab
  • The input lost its error state

@wa0x6e
Copy link
Contributor

wa0x6e commented Aug 24, 2024

The bottom bar with the reset button and error message does not disappear in some case:

  • Go to profile, and dirty a field to make the input erroring
  • Go to proposal validation, and delete all validations
  • Click on the "reset" button on the bottom
  • It restores the deleted validation
  • But the bottom bar still remain there, with an error saying that the "Space profile is invalid", with the reset button
  • When you go back to the profile tab, the profile is resstored and the bottom bar disappear

@bonustrack
Copy link
Member

Missed it in the previous PR, but shouldn't the navigation be sticky ?

Good catch, it should be sticky indeed.

@wa0x6e
Copy link
Contributor

wa0x6e commented Aug 24, 2024

Screenshot 2024-08-24 at 16 24 58

This is not in figma

And mentioned already above by Less, but the space cover should not have margin around, and form should have max width

@wa0x6e
Copy link
Contributor

wa0x6e commented Aug 24, 2024

Screenshot 2024-08-24 at 16 29 16

May need adjust the gradient background to be less transparent below the arrow, to make it pop, and make the border between the arrow button and the menu below more clear.

Right now, when clicking in this area, we're not sure if we're clicking on the nav menu below, or the > button

And not sure about if these < and > buttons should be focusable on keyboard navigation, as the tab will already scroll the element into view

@wa0x6e
Copy link
Contributor

wa0x6e commented Aug 25, 2024

And not related to this PR itself, but clicking on the picker in the Delegation contract address form does not do anything, when adding a governor delegation with contract address

@Sekhmet
Copy link
Member Author

Sekhmet commented Aug 27, 2024

Addressed all comments, I haven't fully matched profile page to designs at the moment as I'm not sure if we want to do it in this PR and if it's ready.
In current state we don't have Profile label + separators like Voting Power Symbol and Social accounts) as this will require some additional refactoring as our UiForm can only take inputs and we can't inject non-input elements into it like this at the moment, do we want to add those? @bonustrack

@bonustrack
Copy link
Member

@Sekhmet No we don't need to address this for the moment. I see a small issue that move the profile page up when I click on another tab.

drop

Sekhmet added 11 commits August 28, 2024 13:48
For some reason scrollBy might not scroll all the way (for example 199.5 instead of 200).
Further calls won't cause another scroll so we might be missing 0.5 to the right.

This changes it so if we are off by less than 1 pixel we still treat it as scrolled
all the way to the right.
@Sekhmet Sekhmet force-pushed the sekhmet/settings-profile branch from 8e04095 to 7f6b851 Compare August 28, 2024 11:56
This somehow prevents vertical scroll that causes profile page to scroll
away.
@Sekhmet
Copy link
Member Author

Sekhmet commented Aug 28, 2024

@bonustrack it's weird bug related to scrolling element into view, but it should be fixed now.

Copy link
Member

@bonustrack bonustrack left a comment

Choose a reason for hiding this comment

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

tACK

@wa0x6e
Copy link
Contributor

wa0x6e commented Aug 28, 2024

Screenshot 2024-08-28 at 21 52 54

The space cover "EDIT" button is on top of the sticky navigation on hover

@wa0x6e
Copy link
Contributor

wa0x6e commented Aug 28, 2024

On some mobile screen, there's not enough room on bottom

Screenshot 2024-08-28 at 22 01 34

Copy link
Contributor

@wa0x6e wa0x6e left a comment

Choose a reason for hiding this comment

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

tAck, aside from the above 2 comments, which are not deal breaking, and can be fixed later

@Sekhmet Sekhmet merged commit 136bb45 into master Aug 28, 2024
3 checks passed
@Sekhmet Sekhmet deleted the sekhmet/settings-profile branch August 28, 2024 13:20
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.

3 participants