[WIP] Redesign

[hacdias]

Based on #509

• Copy To Clipboard button that shows on hover
• Show user location instead of address
• Files
• Settings
• Peers Search
• Peers Additional Settings
• Glowing Icon Top Right
• Add files to extensions list
• Integrate Welcome Screen on Menubar instead of different window 😄
• Improve Welcome Screen with new design
• Remove useless font styles

[daviddias]

Paste screenshots as you go :D

[hacdias]

Here (^) are some screenshots of the latest commit on this branch. I'd like to get some feedback about some topics:

• Should the left panel (peers) be always expanded? If not, should it be like this or something else?
• There are going to be three different panels on the right side: Your Files, Your Node and Settings. Which one should be the "default"? How to do a smooth navigation between the three? I thought about removing the three dots in the bottom and:
  • When you're on the default, there are two different buttons: one for each of the other panels.
  • When you're not on the default, there is one button: an arrow to go back.
• Should I put a close button on the top right? (I vote yes) According to Redesign #509 that bit was reserved for actions like "add file" or "add folder". What do you think?

/cc @diasdavid @victorbjelkholm @dimoFeeld

[hacdias]

[daviddias]

Just gave it a test and I like it!

I know there are still work to do (for example, it doesn't show the files yet) so I'll avoid giving feedback there but here are a couple of points on the info menu:

[hacdias]

Sorry, I had the protocol and agent versions swapped! Which one should I remove?

[hacdias]

@diasdavid any feedback about this questions: #513 (comment) ?

[hacdias]

[daviddias]

Should the left panel (peers) be always expanded? If not, should it be like this or something else?

Let's stick with it expanded now and reevaluate after some usage :)

There are going to be three different panels on the right side: Your Files, Your Node and Settings. Which one should be the "default"?

What about merging the "Your Node" and "Settings" pane into one and then using the left pane to switch between peers and files added?

Should I put a close button on the top right? (I vote yes) According to #509 that bit was reserved for actions like "add file" or "add folder". What do you think?

Not sure. Show me how it looks! :)

Btw, check out ipfs/ipfs-companion#320 (comment)

Can we have a glowing animation of IPFS to demonstrate it's on/off state too??

[hacdias]

Can we have a glowing animation of IPFS to demonstrate it's on/off state too??

Yes, we can! But where? 😮 I'll try to find a good place to put it, but I'll be waiting for feedback 😄

[daviddias]

@hacdias perhaps you can reduce its size and keep it as corner element

[hacdias]

[daviddias]

Did it work flawlessly for you? I'm having a hard time here ipfs-inactive/js-ipfs-http-client#638

[hacdias]

Haven't tested it yet. Probably later today, but can't now, unfortunately. 😞

[hacdias]

@diasdavid I'm not having issues (to test I deleted every IPFS binary from my computer, removed the ipfs repo and just run station).

[daviddias]

You can add files still?

[hacdias]

Yes, I'm not having any issues.