UX/UI Improvements

[claireolmstead]

Login

• [x] So much negative space in the login box. Decrease width?
• [x] Put the spinner inside the button (text changes to spinner when loading) rather than in the middle of the box.
• [x] Can remove "loading" text from spinner
• [x] Make note under button "*Login may take 10-15 seconds."

Profile

• [x] Since we currently don't have a way of editing the profile, it'll always so "No Profile"
  • Do we want to be able to add a profile, remove for now, or keep as is?
  • Answer: Profile coming soon, will leave as is for now.
• [x] Remove left/right margin and right padding on Following
• [x] Add "Not following anyone yet." aside under Following and Followers
• [x] Should we add a Followers section as well? Should follow same pattern as Following.
  • Answer: Yes! Let's add it!
• [x] Avatar is unable to read the numerical suffix, defaulting to a black background. Need to alter the string or use the base handle when rendering the avatar.
• [x] Remove padding from right of Profile.
• [x] We switch between showing the handle with the suffix and without the suffix. Should we always show the suffix or never show the suffix?
  • Answer: Always show the suffix. Could make it a lighter font weight or change the opacity to be less.
• [x] When we click on My Posts it changes the profile to the current user's profile. Is that expected?
  • Answer: Yes, let's keep this as is.
• [x] BUG: If logged into an account, you logout, then log into a different account, Profile does displays the previous user, not the current user.
  • Expected Behavior: On login of new account, show the new account as the current user in Profile and should be on the Discover feed.
  • If we click unfollow and navigate, then navigate back before the unfollow is complete, the loading indicator now longer shows.
  • [x] BUG: If you're logged in as user.12 and you click on the avatar of your own post that displays the handle user (with no suffix), it navigates you to what seems like a new profile that you're able to follow/unfollow, when in reality it's the same user just with and without the suffix.
  • Note: probably checking against the current string when it should check against the full handle every time.

New Post

• Increase size of "New Post" to match "That's all there is" or "Following"
• [x] Get avatar working (betting it will be resolved with the avatar issue above).
• [x] BUG: The first image does not display the preview, but every subsequent image does.
• [x] BUG: Does not display any error messages in the UI (ex: if no text and you try to post, it only throws a console error).
  • Expected Behavior: Either display error message or disable post button until valid.

Post

• [x] No indication of the status of a post between when you click "Post" and when it randomly appears a minute or so later in My Posts.
  • Suggestion: If a post is in the queue, display a skeleton post with an aside that it takes the chain 1min to process the post.
• [x] Improve alignment on "Xmin" and "DSNP URI"
• [x] If you click on the "DSNP URI" button it copies the URI, but if you click on the URI dropdown it doesn't. Would expect if you click on the value in the dropdown for it to copy it as well.
• [x] Avatar block is not a square, creating too much spacing between the avatar and the handle in a post.
• [x] Handle is only the bast handle. Display suffix or no? Align with decision above. Answer: always show suffix.
• [x] BUG: Image does not display on a new post (may or may not display the default little image icon). Note: it does display if you logout then log back in.
• [x] Darken the drop shadow around each post or add a little border.

Reply

• [x] There is no indicator that a reply has been sent. It just disappears on click of Enter.
  • Suggestion: create a skeleton reply that notes that it may take about a minute or a spinner with a similar aside.
• [x] BUG: currently not seeing any replies come through.
• [x] Seems like the line under the replies input should be above the input, but below.

Feeds

• [x] Add spacing under the Feeds header before the first post.
• [x] Do we want to display the discover feed prior to a user logging in?
• [x] Can we auto fill the feed with a post from Alice or a welcome post from Amplica Labs so it's never empty?
  • Answer: hold off for now. In testnet, we'll see content.

Other

• [x] There is no place to see current users unless they have posted.
  • Answer: Create new issue for a feature suggestion: User Search or Users Feed, Find Friends. Leave open ended. On local host it would be fine but on testnet it we run into issues with listing the quantity of users.

[claireolmstead]

Backlog of tickets for all of the above created here: https://github.com/orgs/AmplicaLabs/projects/23/views/1