🧹

aslilac · aslilac · commit 07c8b852c8fa · 2023-10-03T00:08:53.000Z
diff --git a/site/src/components/Pill/Pill.tsx b/site/src/components/Pill/Pill.tsx
@@ -1,4 +1,3 @@
-import { type PaletteColor } from "@mui/material/styles";
 import { type FC, type ReactNode, useMemo } from "react";
 import { css, type Interpolation, type Theme, useTheme } from "@emotion/react";
 import { colors } from "theme/colors";
@@ -38,7 +37,7 @@ const themeOverrides = {
 
 const themeStyles =
   (type: PillType, lightBorder?: boolean) => (theme: Theme) => {
-    const palette = theme.palette[type] as PaletteColor;
+    const palette = theme.palette[type];
     return {
       backgroundColor: palette.dark,
       borderColor: lightBorder ? palette.light : palette.main,
diff --git a/site/src/pages/AuditPage/AuditLogRow/AuditLogRow.tsx b/site/src/pages/AuditPage/AuditLogRow/AuditLogRow.tsx
@@ -6,18 +6,17 @@ import {
   CloseDropdown,
   OpenDropdown,
 } from "components/DropdownArrows/DropdownArrows";
-import { Pill } from "components/Pill/Pill";
+import { Pill, type PillType } from "components/Pill/Pill";
 import { Stack } from "components/Stack/Stack";
 import { TimelineEntry } from "components/Timeline/TimelineEntry";
 import { UserAvatar } from "components/UserAvatar/UserAvatar";
 import { useState } from "react";
 import userAgentParser from "ua-parser-js";
 import { AuditLogDiff } from "./AuditLogDiff/AuditLogDiff";
 import { AuditLogDescription } from "./AuditLogDescription/AuditLogDescription";
-import { PaletteIndex } from "theme/theme";
 import { determineGroupDiff } from "./AuditLogDiff/auditUtils";
 
-const httpStatusColor = (httpStatus: number): PaletteIndex => {
+const httpStatusColor = (httpStatus: number): PillType => {
   // redirects are successful
   if (httpStatus === 307) {
     return "success";
diff --git a/site/src/pages/TemplateVersionEditorPage/TemplateVersionStatusBadge.tsx b/site/src/pages/TemplateVersionEditorPage/TemplateVersionStatusBadge.tsx
@@ -1,10 +1,9 @@
-import { TemplateVersion } from "api/typesGenerated";
-import { FC, ReactNode } from "react";
+import { type TemplateVersion } from "api/typesGenerated";
+import { type FC, type ReactNode } from "react";
 import CircularProgress from "@mui/material/CircularProgress";
 import ErrorIcon from "@mui/icons-material/ErrorOutline";
 import CheckIcon from "@mui/icons-material/CheckOutlined";
-import { Pill } from "components/Pill/Pill";
-import { PaletteIndex } from "theme/theme";
+import { Pill, type PillType } from "components/Pill/Pill";
 
 export const TemplateVersionStatusBadge: FC<{
   version: TemplateVersion;
@@ -27,7 +26,7 @@ const LoadingIcon: FC = () => {
 export const getStatus = (
   version: TemplateVersion,
 ): {
-  type?: PaletteIndex;
+  type?: PillType;
   text: string;
   icon: ReactNode;
 } => {
diff --git a/site/src/theme/theme.ts b/site/src/theme/theme.ts
@@ -1,5 +1,5 @@
 import { colors } from "./colors";
-import { ThemeOptions, createTheme, Theme } from "@mui/material/styles";
+import { createTheme, type ThemeOptions } from "@mui/material/styles";
 import { BODY_FONT_FAMILY, borderRadius } from "./constants";
 
 // MUI does not have aligned heights for buttons and inputs so we have to "hack" it a little bit
