Keys detail page

[nicholasmueller]

Issue/Task Number: 952

Overview

New pages and design elements in this series ->
https://gallery.io/projects/MCHbtQVoQ2HCZfyN0ITInFtb/files/MCEJu8Y2hyDScdDsDmlI0w7p47sb7jiw25k

Changes

• Touches a lot of files since I enforced import rules with the linter (absolute/packages first, then relative local)
• Key detail pages / assigned accounts

From new design:

• New search bar (rewrote a simpler version of what we already had)
• New Id component so we can centralise all the long ids we pass around the site
• 'Generate Admin Key' modal design
• also changed select dropdown so u can custom render the value for 'assign account' element and bottom border is optional for usage of dropdown inside tables/rows
• Nav card component for navigation inside detail pages
• fetcher for account memberships

I didn't include the 'created by' column as per the design. wanted to do it in another pr as this one is already too big

[T-Dnzt]

A few bugs that came out:

Key assign accounts page

• When searching, the search term gets into the URL properly, but when copying that URL and opening it, it isn't shown in the search input anymore: http://localhost:4000/admin/keys/admin/key_01dbyx01ss5kewv16xk40cx0bn/assigned-accounts?search=fdsf

• Search doesn't seem to work - when searching for something random, it still returns all the results

• After having searched for something random, I can't assign an account anymore:

bundle.js:9 failed to dispatch action ACCOUNT with error TypeError: Cannot read property 'find' of undefined
    at Object.ACCOUNT/ASSIGN_KEY/SUCCESS (bundle.js:61)

• I feel we're missing an indication that the box containing "Assigned Accounts" is clickable

Global Key lists

• The generate admin key from the key list is really confusing right now. I don't think we should have an account in there, because 1. you can't remove it, 2. it actually changes the role from picking a global role to an account role, without changing any label - was this something that was already like that or changed in this PR?

Key listing under account

• The clicky hand is showing when I hover the row but can't click on it actually.

[T-Dnzt]

Left a big comment ☝️

[jarindr]

more bugs !

• when switching between admin key /client key the ASSIGNED ACCOUNTS columns display incorrectly.

[mederic-p]

I think you changed something on the global key page following Thibault's comment but something broke and I can't create an admin key from there anymore (I get a permission error message).

Also, can we not pluralize this when only 1?

[mederic-p]

On the keys page of an account:
When toggling the status the Account role will show None until reloading/switching page.

[nicholasmueller]

@jarindr @mederic-p everything should be fixed now

jar fix