IPFS-thing 2022 Feature request: Update UI/UX

[SgtPooki]

Requests

• Making it easier to know what the implications of choosing local vs public gateway is
  • Display privacy disclaimer on concerns about publicizing IP address when using local node (this obviously requires some discussion regarding the conflicting desire to support customers’ needs against our desire to lessen public gateway traffic)
• Distinguish which gateway is being used more intuitively/easily:
  • Displaying an icon/badge or updating the existing one based on which gateway setting is selected
• Default to public gateway?

Mockup (Thanks @juliaxbow!)

Notes

Should we update gateway display to be input field? -@Sgtpooki

I don't think people will be changing gateway a lot so input field not required - boris & @lidel

• There is some prior art copy/text in https://support.brave.com/hc/en-us/articles/360051406452-How-does-IPFS-Impact-my-Privacy-
• as for redesign, new buttons in top right are :+1: only concern is wasting vertical space for version – ok to skip it --- @lidel

I do have some thoughts about that for peers — EG direct connect to a Fission or Fleek or Piñata peer if that's where something is published but I think that's a funky power user use case --- Boris

The information popup is nice to give context --- Thibault

[lidel]

Additional note: when on DNSLink website (like https://cf-ipfs.com/ipns/en.wikipedia-on-ipfs.org/), the UI needs to account for being way taller because we display items for copying:

We want Companion to remain useful on small screens, that is why I suggest removing "Version" row and try to keep the current height.

[SgtPooki]

I think we all agree then that @juliaxbow's design, without the version column, is the ideal update to the UX? cc @lidel, @meandavejustice

[juliaxbow]

It sounds as though changing gateway within the extension window was nixed, but including a dropdown select for comparison purposes:

[lidel]

Thank you, @juliaxbow! I don't have a screenshot at hand, but translation of the "Gateway" "Local" and "Public" labels will be longer in some languages. This means things won't look pleasant in other languages, unless we figure out a creative way to save space.

Apart from this, :+1: for direction of these UX changes.

@SgtPooki fysa we can't ship Companion updates atm – it no longer builds :upside_down_face: We need to either finish https://github.com/ipfs/ipfs-companion/pull/1054 or do the MV3 rewrite (#666).