Thomas Heartman
5df7b15af0
fix: chart issues in dark mode ( #8414 )
...
This PR fixes two issues with the chart in dark mode:
1. Grid lines are almost invisible
2. Placeholder data lines are way too bright
The fix for both is to use the theme's divider color.
2024-10-10 10:03:16 +02:00
Thomas Heartman
e6365d8bce
chore: remove graph, update health message ( #8403 )
...
Removes the graph and updates the box to show a health message based on
current health if you don't have any trends:
With trends:
Without:
2024-10-10 09:22:45 +02:00
Thomas Heartman
2ae9589e67
chore: move flag activity info to the left ( #8411 )
...
Shifts the display of the activity info to the left instead of cramming
it in next to metrics selectors.
2024-10-10 09:22:26 +02:00
Thomas Heartman
42d5eeb7e5
fix: display tick values for chart Y axis ( #8412 )
...
This PR adds back in ticks for the Y axis of the chart. The ticks were
removed when updating the no content chart and this was an oversight.
2024-10-10 08:52:25 +02:00
Thomas Heartman
23b0401381
feat: make panels collapsible ( #8395 )
...
This PR makes the projects and flags panels collapsible. The panels are
expanded by default and can be collapsed by clicking on the panel
header. The state of the panels is saved in localstorage.
As part of this, it also:
- moves the flag exposure metrics next to the metric selectors
- fixes the alignment of the "no exposure" line
Line alignment:
before:
after:
2024-10-09 14:25:58 +02:00
Thomas Heartman
ad35fa9a48
fix: make no data look like no data ( #8396 )
...
This PR adjusts what we show for no data to make it clearer that we
actually have no data.
It also makes the graph slightly smaller.
2024-10-09 13:16:57 +02:00
Thomas Heartman
f23ba70bb4
feat: add timestamps to project events ( #8389 )
...
This PR adds timestamps to project events and displays them in the
"latest events" box in the project details view.
It also changes the font weight of events to be only normal.
2024-10-09 09:32:58 +02:00
Thomas Heartman
3f9278be92
fix: removes welcome message and updates view details button ( #8385 )
...
The welcome message doesn't provide much help, and the question mark was
confusing. This PR removes the message and changes the button to look
like a link.
2024-10-08 12:28:41 +02:00
Thomas Heartman
b190efce53
chore: removes setup badge from personal dashboard ( #8384 )
...
The badge has been removed from the onboarding flow, so we don't need
to show it here. This also prepares it for the collapsible sections.
2024-10-08 12:28:31 +02:00
Thomas Heartman
e8c73c79fc
fix: handle lots of project roles better ( #8383 )
...
This PR improves how we handle cases where you have lots of roles or roles with very long names.
It puts project roles into it's own little area (and turns it into a list!). We'll show three roles by default. If they all have super long names, we'll split them up onto multiple lines.
Additionally, the headers and avatar group will no longer wrap.
So in edge case territory, it'll look like this:
And what if one role has an even longer name? It'll wrap inside the badge:
2024-10-08 09:50:28 +02:00
Thomas Heartman
8a7bf865d3
fix: handle project fetching error ( #8375 )
...
Work in progress
2024-10-08 08:46:14 +02:00
Thomas Heartman
67f036c0ab
feat: store dashboard state ( #8382 )
...
This PR stores the dashboard state (selected project and flag) in
localstorage so that you get taken back to the same project and flag
when you refresh the page or navigate away and back.
It also handles scrolling the selected items into view in case they're
below the fold.
2024-10-08 08:21:23 +02:00
Thomas Heartman
e1f3315f57
Chore: rename Project Insight -> Project health ( #8374 )
...
Small copy update. The new square looks like this:
2024-10-07 11:27:36 +02:00
Thomas Heartman
e7deb8b49b
fix: small breakathon fixes ( #8368 )
...
Typo and sx propagation
2024-10-04 15:43:11 +02:00
Thomas Heartman
b4c888a78f
chore: a feature flag -> one ( #8367 )
...
Missed a rewording
2024-10-04 13:02:30 +02:00
Thomas Heartman
51336568b1
chore: update the copy to align between project view and personal dashboard ( #8365 )
...
Contains small changes to align the two places where we show the same
information.
2024-10-04 12:58:36 +02:00
Mateusz Kwasniewski
ec1fe6278a
feat: make personal dashboard UI more compact ( #8359 )
2024-10-03 16:20:45 +02:00
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
