Desktop/WebUI Files page design enhancements

[ericronne]

A few modifications For Your Consideration …

• Add "ipfs/" to the front end of the file name, to clarify the relationship to the ipfs universe (grayed out, since it isn't clickable), and include the utiity "ellipsis button"
• Show the current CID below the file name (or home)
• Where applicable, refresh the CID with a quick fade-out / fade-in animation whenever it changes, to reinforce its ephemeral nature (see storyboard image below)
• Create a callout which summarizes "Your IPFS contributions," and fold the "Add" button into it
• For those who are confused that a file or folder added via command line doesn't appear in the file list, add a helpful utility at the bottom which prompts the user to add it to their local MFS instance (feel free to rewrite if my wording is inaccurate)

Discuss! 🐰

[hacdias]

Hey @ericronne! Thanks for the designs 😃 As per ipfs/ipfs-webui#1027, we will support navigating three namespaces:

1. /ipfs
2. /ipns
3. /mfs or /home (we should get a good end-user-name for MFS here)

With that in mind, I don't think we should prepend all paths with /ipfs, but only the ones that actually belong to /ipfs.

One more thing: what happens when the path is too long and doesn't fit the space we have? Right now we have the entire horizontal space, but here we're cutting it down. Perhaps we could make 'Your IPFS contributions' an entire bar on the top.

Also, since we're going to be able to navigate to /ipns and /ipfs URLs, we'll need some way to get back to /home/MFS.

I like the idea of always showing the CID.

I'd have perhaps thought about something more along this lines:

One more question: what should we show where the 'Add' button is on single files? That button only applies to directories inside MFS. It will also need to be hidden on /ipns and /ipfs namespaces.

[hacdias]

@ericronne could you send me the 'new folder' icon?

[ericronne]

Sorry for the big delay; team week, camp (and sigh, life) pulled me away. I don't think that i understand the space well enough to modify the interface. Would love to have a walkthrough from you when time permits. Haven't seen you since Lisbon! 🤗

"New" folder svg

[hacdias]

Thanks for the icon @ericronne! Yeah, I couldn't go to the team week, nor to IPFS Camp unfortunately. We can talk a bit better about the interface yes, it would be good.