Collection View

[FledgeXu]

Goal

The goal of this PR is to complete the Collection View in #40.

Abstract

• Projects sidebar (functional)
  • Add Project
  • Delete Project
  • Change Project Name
  • Redirect to Collection View When clients have created the user.

[rgaudin]

Great work, thank you! Here's what I found:

• Doesn't scale well to high resolution: sidebar gets too wide (see screenshot)
• there should be a cursor change on project hover to hint user into knowing double-click allows renaming
• Hitting enter on renaming should focus out/exit the renaming field. Escape should cancel.
• Hover effect on project line is odd: text moves (vertically) a bit in a disturbing way
• I'd like to see FAQ and contact links working (to static lorem ipsum page for now)
• No confirmation on Project deletion (!!!)
• New user dragging files doesn't arrive to the sidebar version of the project view.

I want to acknowledge the fact that there is no per-project URL. It's fine since this is purely private and not shareable. Also, we record the last selected project_id.

[FledgeXu]

• there should be a cursor change on project hover to hint user into knowing double-click allows renaming
• Hitting enter on renaming should focus out/exit the renaming field. Escape should cancel.
• Hover effect on project line is odd: text moves (vertically) a bit in a disturbing way
• I'd like to see FAQ and contact links working (to static lorem ipsum page for now)
• No confirmation on Project deletion (!!!)

These should be done.

• Doesn't scale well to high resolution: sidebar gets too wide (see screenshot)

I only have a 4K monitor, but there doesn't seem to be width issue on macOS. I toned down the width of the siderbar in hopes of fixing this.

• New user dragging files doesn't arrive to the sidebar version of the project view.

I don't quite understand it. I remember we didn't want the user to jump to the collection view when they were using it for the first time, instead we just want they to view the Project View(without sidebar), correct me if I'm wrong. Anyway I also add it.

[rgaudin]

Thank you; here's what I found this time:

• Obviously both FAQ and Contact must appear with the Sidebar. Once you've got a valid userId, then you're a user and you have the regular (Sidebar) UI. Home is the exception.
• I see no cursor change indicating I can change the project name
• While enter key works as expected, escape doesn't. It doesn't cancel current edit but reverts to New Project. That's not convenient at all.
• I've renamed my project to New Project2. Then wanted to rename it to something else but hit espace, so I got back New Project (unexpectedly as mentioned above). Now trying to delete it, the modal says New Project2 but the sidebar has the other name. This is wrong (see screenshot)

[FledgeXu]

1. Now put your pointer over Project Name and you should be prompted that Project Name can be edited
2. Weird name status should be fixed.
3. When updating failed, project's name will be reset to previous one.

And ignore format commits, my editor's formatter has conflicts with yarn format…

[rgaudin]

Thank you 👍