Thomas Heartman
cfcaf00a8e
fix: vertically center owners and roles content ( #8357 )
...
This change fixes the vertical alignment of the owners and roles
content.
Before:

After:

2024-10-03 12:29:49 +00:00
Thomas Heartman
aec888a160
fix: add back flex container. ( #8356 )
...
The flex styling was deleted by mistake. This adds it back in.
2024-10-03 12:23:38 +00:00
Thomas Heartman
38b33aa032
fix: make gaps 1px instead of 2px ( #8351 )
...
This PR reduces the gaps/borders between items in the dashboard grids to
1px.
2024-10-03 10:53:22 +02:00
Mateusz Kwasniewski
10dffcd232
feat: health score components in personal dashboard ( #8348 )
2024-10-03 10:21:27 +02:00
Thomas Heartman
f5c78605ed
refactor: use css grid for flags and no content grid ( #8347 )
...
This PR uses the new CSS grid layout for the flag grid and the no
content grid.
In doing so, it also improves how you use the grid item (giving them a
`gridArea` prop) and extracts the breakpoint handling so that all
sections that use breakpoints use the same breakpoints.
As with the previous PR, here's screenies of the same screen width, but
with open and closed sidebar:
Open:

Closed:

2024-10-03 07:54:27 +00:00
Thomas Heartman
35a73a5b8e
fix: add grid w/container query for projects ( #8344 )
...
The main goals of this are:
1. Make it so that the layout grid doesn't break on small screens
2. Fix an issue where the border of the box didn't fit the outline
3. (Bonus): make the layout of the info box depend on the **box's**
size, not the screen size.
To achieve those goals, this PR:
1. Switches to using a native CSS grid instead of MUI's grid component.
This gives us more power over the layout in various different sizes.
2. Switches from putting borders on the boxes inside the grid, instead
makes the grid container the color of the border and uses gaps to create
borders.
3. If your browser supports it, it will use container queries to
determine whether we should display the layout as a multi-column grid or
in a single column.
Container query demo (both with the same screen sizes):
Sidebar closed:

Sidebar open:

2024-10-03 07:02:12 +00:00
Mateusz Kwasniewski
c1dde7691b
test: personal dashboard ( #8343 )
2024-10-02 18:30:04 +02:00
Mateusz Kwasniewski
e0ea1ff34a
fix: event styling personal dashboard ( #8337 )
2024-10-02 14:24:50 +02:00
Mateusz Kwasniewski
b975919395
feat: health trend insight ( #8335 )
2024-10-02 13:50:31 +02:00
Thomas Heartman
5abc3b4732
a11y: add labels to env/period selectors ( #8329 )
...
This PR adds labels to the environment and period selectors for the flag
metrics chart on the personal dashboard page. Because the period
selector is also used on the flag metrics page, I've also updated its
use there by removing a previous text label (which was just text, not an
associated `label` element).
Before:
Chart:

Flag metrics:

After:
Chart:

Flag metrics:

2024-10-02 12:57:01 +02:00
Thomas Heartman
6936da7403
feat: handle owners and project roles in the UI ( #8315 )
...
This commit uses the now-included project owner and role information
to populate the owner/role section. If you have no roles, we'll tell
you that you don't instead of displaying an empty set of badges.
2024-10-02 09:37:02 +02:00
Mateusz Kwasniewski
739ad07798
refactor: extract my projects component ( #8317 )
2024-10-01 11:33:03 +02:00
Mateusz Kwasniewski
7ac283aa50
feat: skeleton loaders for personal dashboard ( #8313 )
2024-10-01 10:16:20 +02:00
Mateusz Kwasniewski
6d16fc60ce
feat: Personal dashboard flag created ( #8305 )
2024-09-30 16:09:31 +02:00
Thomas Heartman
50c5af8632
feat: hook up admin / owner data to UI ( #8300 )
...
This PR hooks up the owners and admins of Unleash to the UI. They'll
only be visible in cases where you have no projects.
In addition, it adds Orval schemas for the new payload properties and
updates the generating schemas to fix some minor typing issues.
2024-09-30 13:40:33 +00:00
Mateusz Kwasniewski
d7db80d948
feat: use onboarding status to conditionally show badge and message ( #8304 )
2024-09-30 15:30:18 +02:00
Mateusz Kwasniewski
ac90c942db
feat: add onboarding status to personal dashboard api ( #8302 )
2024-09-30 14:25:56 +02:00
Mateusz Kwasniewski
6f7170dc40
feat: open unleash concepts ( #8301 )
2024-09-30 13:32:05 +02:00
Mateusz Kwasniewski
751c2fa902
feat: last project events ui polishing ( #8298 )
2024-09-30 11:18:25 +02:00
Melinda Fekete
1ea63a8a1f
Update UI text in Unleash welcome key concepts page ( #8238 )
2024-09-30 11:14:08 +02:00
Mateusz Kwasniewski
f000579d5b
feat: adjust search query for personal project ( #8296 )
2024-09-27 15:23:00 +02:00
Mateusz Kwasniewski
147984f9d5
feat: display basic list of project events ( #8291 )
2024-09-27 14:02:30 +02:00
Thomas Heartman
6655b2d961
feat: create page for when you have no projects ( #8285 )
...
This adds a front end fallback screen for when you have no projects.

2024-09-27 10:41:25 +02:00
Mateusz Kwasniewski
409e0e74ba
feat: read projects from personal dashboard API ( #8279 )
2024-09-26 14:17:47 +02:00
Thomas Heartman
d6f5280a98
feat: show user's roles and project owners ( #8253 )
...
This change shows the user's roles and project owners in the personal
dashboard.
2024-09-26 10:47:29 +00:00
Mateusz Kwasniewski
a1a24ea0b1
feat: flag exposure in personal dashboard ( #8247 )
2024-09-25 11:11:30 +02:00
Mateusz Kwasniewski
957ef12ca3
fix: adjust welcome dialog size ( #8244 )
2024-09-25 09:11:53 +02:00
Mateusz Kwasniewski
e33f71a8f4
feat: highlighting flags chart ( #8237 )
2024-09-25 08:36:30 +02:00
Mateusz Kwasniewski
54432f3f31
feat: personal flag metrics display ( #8232 )
2024-09-24 13:47:21 +02:00
Mateusz Kwasniewski
fee2143edf
feat: Personal flags UI component ( #8221 )
2024-09-24 08:42:49 +02:00
Thomas Heartman
27c977dcf7
display setup complete message when project is onboarded ( #8217 )
...
This PR adds the new `ProjectSetupComplete` component (the name can be
changed) that we display when a project has been set up with a flag and
a connected SDK.
It uses the project overview to check the project's onboarding status.

2024-09-23 14:23:22 +02:00
Mateusz Kwasniewski
f45b7a07b4
fix: onboarding img asset path ( #8213 )
2024-09-23 12:28:38 +02:00
Mateusz Kwasniewski
375395bba7
feat: welcome dialog with unleash concepts ( #8199 )
2024-09-20 15:53:03 +02:00
Mateusz Kwasniewski
87b997698b
feat: placeholder flag metrics chart ( #8197 )
2024-09-20 11:05:53 +02:00
Mateusz Kwasniewski
10ec2e7de5
feat: personal dashboard connect sdk ( #8190 )
2024-09-19 17:01:33 +02:00
Mateusz Kwasniewski
f66854a0f0
feat: personal dashboard project selection ( #8188 )
2024-09-19 15:25:11 +02:00
Mateusz Kwasniewski
70e95e66a8
feat: my projects ui stub ( #8185 )
2024-09-19 12:37:35 +02:00
Mateusz Kwasniewski
8e037a335f
feat: personal dashboard route ( #8173 )
2024-09-19 09:59:07 +02:00