* Use darker colors in the dashboard
I think this looks a bit nicer. It's pretty subjective, but right now
we sit in-between a light and a dark mode, but more on the dark side.
This essentially transforms us into a dark mode.
* Add icons to workspaces rows and apge
* Add narrowed navbar to tighten up design
* Swap gray[3] for gray[4]
* Tweak overrides - should not cause visual change
* Use closest color for avatar
* Change hover color of contained buttons
* Change nav item color (matches avatar now)
* Format
* Use lighter border for contained button hover
This looks more clickable than lightening the background
* Delete unused component
* Make dropdown arrow consistent
Same up as down. Contrast text everywhere except nav, where it matches links and avatar.
* No need to fade right arrows
* Add hover color
* Consistent box shadows
* Format
* Delete unused DialogSearch
* Deleting unused button types to avoid confusion
* Use disabled arrow on disabled action buttons
* Extract reusable Pill component
* Make icon optional
* Get pills in place
* Rough styling
* Extract Expander component
* Fix alignment
* Put it in action - type error
* Hide banner by default
* Use generated type
* Move PaletteIndex type
* Tweak colors
* Format, another color tweak
* Add stories
* Add tests
* Update site/src/components/Pill/Pill.tsx
Co-authored-by: Kira Pilot <kira@coder.com>
* Update site/src/components/Pill/Pill.tsx
Co-authored-by: Kira Pilot <kira@coder.com>
* Comments
* Remove empty story, improve empty test
* Lint
Co-authored-by: Kira Pilot <kira@coder.com>
* feat: Improve navbar to be more compact
The navbar was unnecessarily large before, which made
the UI feel a bit bloaty from my perspective.
* Attempt to remove overrides
* Update theme
* Add text field
* Update theme to dark!
* Fix import ordering
* Fix page location
* Fix requested changes
* Add storybook for workspaces page view
* Add empty view
* Add tests for empty view
* Remove templates page
* Fix local port
* Remove templates from nav
* Fix e2e test
* Remove time.ts
* Remove dep
* Add background color to margins
* Merge status checking from workspace page
* Fix requested changes
* Fix workspace status tests
* Move component and prep
* Make WorkspaceSection more reusable
* Lay out elements
* Layout tweaks
* Add outdated to Workspace type
* Fill out status bar component
* Format
* Add transition to types
* Add api handlers for build toggle
* Format
* Parallelize machine
* Lay out basics of build submachine
* Pipe start and stop events through - needs status
* Attempt at a machine
It's so big, but collapsing start and stop made it hard to distinguish retry from toggle
* Update mock
* Render status and buttons
* Fix type error on template page
* Move Settings
* Format
* Keep refreshed workspace
* Make it switch workspaces
* Lint
* Fix relative api path
* Test
* Fix polling
* Add loading workspace state
* Format
* Add stub settings page
* Format
* Lint
* Get rid of let
* Add update
* Make start use version id
Important for update
* Fix imports
* Add polling for outdated
* Rely on context instead of finite state for status
* Handle canceling
* Fix tests
* Format
* Display errors so users know when button presses didn't work
* Fix api typo, remove logging
* Lint
* Simplify type
Co-authored-by: G r e y <grey@coder.com>
* Add type, extract helper
Co-authored-by: G r e y <grey@coder.com>
* feat(site): configure global fonts
Summary:
Installs fira code and Inter
Impact:
A more pleasant dashboard experience in v2 that matches our prefer font
families from v1
This refactoring re-organizes the `site` folder to have a nested `src` folder.
Originally, [we wanted to keep the directory structure shallow](https://github.com/coder/coder/pull/8#issuecomment-1009578910) - but there were two points that motivated this change to introduce the `src` level.
1. We have several non-`src` folders now (`e2e`, `static`, `html_templates`, `.storybook`)
2. Having a `src` folder makes it easier to run XState Typegen
So given those two data points - I believe it makes sense to revisit that and introduce a `src` folder.
Bruno Quaresma