Skip to content

chore(site): replace CircularProgress with Spinner component - #24276

Merged
jakehwll merged 7 commits into
mainfrom
jakehwll/demui-circular-progress
Jul 14, 2026
Merged

chore(site): replace CircularProgress with Spinner component#24276
jakehwll merged 7 commits into
mainfrom
jakehwll/demui-circular-progress

Conversation

@jakehwll

@jakehwll jakehwll commented Apr 12, 2026

Copy link
Copy Markdown
Contributor

🤖 This PR was modified by Coder Agents on behalf of Jake Howell.

Replaces every @mui/material/CircularProgress usage with the existing Spinner component and removes the MUI dependency.

  • Pill: rewrites Emotion styles to CVA/Tailwind. Layout matches the original pixel values. Role colors use closest available design tokens (border-border-success for success outline, bg-surface-secondary for info background, etc.).
  • PillSpinner: swaps CircularProgress for Spinner. SVG inherits 14px sizing from the Pill's [&_svg]:size-[14px] rule.
  • FileUpload: replaces CircularProgress and Emotion styles with Spinner and Tailwind classes.
  • GitDeviceAuth: replaces CircularProgress and MUI Link with Spinner, Loader, and internal Link. Full-page loading state uses <Loader /> instead of a bare spinner.
  • ChangeWorkspaceVersionDialog: replaces MUI Autocomplete/TextField/CircularProgress with Combobox. Ignores deselection in onValueChange to preserve the old disableClearable behavior.
  • HealthLayout: replaces CircularProgress with Spinner.
  • SSHKeysPageView: replaces CircularProgress, Stack, and Emotion styles with Spinner and Tailwind classes.
  • vite.config.mts: removes @mui/material/CircularProgress from optimizeDeps.
  • Spinner: exports SpinnerProps type.

@github-actions github-actions Bot added the community Pull Requests and issues created by the community. label Apr 12, 2026
@jakehwll jakehwll changed the title chore: remove <CircularProgress /> chore: remove <CircularProgress /> mui dependency Apr 12, 2026
@jakehwll jakehwll removed the community Pull Requests and issues created by the community. label Apr 12, 2026
@github-actions github-actions Bot added the stale This issue is like stale bread. label Apr 22, 2026
@jakehwll
jakehwll force-pushed the jakehwll/demui-circular-progress branch 2 times, most recently from be160e0 to abaf49b Compare April 23, 2026 05:26
@jakehwll jakehwll removed the stale This issue is like stale bread. label Apr 23, 2026
@jakehwll jakehwll changed the title chore: remove <CircularProgress /> mui dependency chore(site): replace CircularProgress with Spinner component Apr 23, 2026
…ent combobox deselection

- Pill: fix lg variant adding text-sm (original never changed font
  size), move shared styles to base, use self-contained compound
  variants to avoid class override conflicts.
- GitDeviceAuth: use Loader for the full-page loading state.
- ChangeWorkspaceVersionDialog: ignore deselection in onValueChange
  to match the old Autocomplete disableClearable behavior.
@jakehwll
jakehwll force-pushed the jakehwll/demui-circular-progress branch 6 times, most recently from 74d851c to 28a7725 Compare April 23, 2026 07:40
@jakehwll
jakehwll marked this pull request as ready for review April 23, 2026 12:16

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 2d1b5ed3ba

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment thread site/src/pages/WorkspacePage/WorkspaceNotifications/Notifications.tsx Outdated
Callers were passing Emotion css props to Pill which no longer has
Emotion support. Convert them to use the Pill type prop and Tailwind
className instead.

- UserRoleCell: map role styles to type=notice/active/inactive
- PermissionPillsList: replace pillDefault styles with className=w-fit
- IdpPillList: map error/default styles to type=error + className=w-fit
- TemplateExampleCard: map active tag to type=active + hover classes
@jakehwll
jakehwll force-pushed the jakehwll/demui-circular-progress branch from 2d1b5ed to e5c3d86 Compare April 23, 2026 12:27
@github-actions github-actions Bot added the stale This issue is like stale bread. label May 1, 2026
@github-actions github-actions Bot closed this May 5, 2026
@jakehwll jakehwll reopened this May 12, 2026
@jakehwll
jakehwll requested a review from jeremyruppel May 12, 2026 01:10
@github-actions github-actions Bot removed the stale This issue is like stale bread. label May 13, 2026
@github-actions github-actions Bot added the stale This issue is like stale bread. label May 21, 2026
@github-actions github-actions Bot closed this May 28, 2026
@jakehwll
jakehwll requested a review from aqandrew July 14, 2026 04:02
@jakehwll jakehwll reopened this Jul 14, 2026
The template has to be a .tar or .zip file. You can also use our{" "}
<Link href="/starter-templates">starter templates</Link> to getting
started with Coder.
<Link href="/starter-templates" showExternalIcon={false}>

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

not for this PR, but this should presumably point to the new template builder: /templates/new/builder

@jeremyruppel jeremyruppel left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

approving ahead of CI fixes 👍 nice one!

@jakehwll
jakehwll merged commit bf57da5 into main Jul 14, 2026
26 of 27 checks passed
@jakehwll
jakehwll deleted the jakehwll/demui-circular-progress branch July 14, 2026 14:26
@github-actions github-actions Bot locked and limited conversation to collaborators Jul 14, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

stale This issue is like stale bread.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants