use satisfies

aslilac · aslilac · commit 23404c645aaa · 2023-09-29T19:16:42.000Z
diff --git a/site/src/components/Avatar/Avatar.tsx b/site/src/components/Avatar/Avatar.tsx
@@ -2,7 +2,7 @@
 // eslint-disable-next-line no-restricted-imports -- Read above
 import MuiAvatar, { AvatarProps as MuiAvatarProps } from "@mui/material/Avatar";
 import { FC } from "react";
-import { css, type Theme } from "@emotion/react";
+import { css, type Interpolation, type Theme } from "@emotion/react";
 
 export type AvatarProps = MuiAvatarProps & {
   size?: "sm" | "md" | "xl";
@@ -11,26 +11,26 @@ export type AvatarProps = MuiAvatarProps & {
 };
 
 const sizeStyles = {
-  sm: (theme: Theme) => ({
+  sm: (theme) => ({
     width: theme.spacing(3),
     height: theme.spacing(3),
     fontSize: theme.spacing(1.5),
   }),
   md: {},
-  xl: (theme: Theme) => ({
+  xl: (theme) => ({
     width: theme.spacing(6),
     height: theme.spacing(6),
     fontSize: theme.spacing(3),
   }),
-};
+} satisfies Record<string, Interpolation<Theme>>;
 
 const colorStyles = {
   light: {},
-  darken: (theme: Theme) => ({
+  darken: (theme) => ({
     background: theme.palette.divider,
     color: theme.palette.text.primary,
   }),
-};
+} satisfies Record<string, Interpolation<Theme>>;
 
 const fitImageStyles = css`
   & .MuiAvatar-img {
diff --git a/site/src/components/Dashboard/DeploymentBanner/DeploymentBannerView.tsx b/site/src/components/Dashboard/DeploymentBanner/DeploymentBannerView.tsx
@@ -27,16 +27,16 @@ const styles = {
     display: flex;
     align-items: center;
   `,
-  category: (theme: Theme) => ({
+  category: (theme) => ({
     marginRight: theme.spacing(2),
     color: theme.palette.text.primary,
   }),
-  values: (theme: Theme) => ({
+  values: (theme) => ({
     display: "flex",
     gap: theme.spacing(1),
     color: theme.palette.text.secondary,
   }),
-  value: (theme: Theme) => css`
+  value: (theme) => css`
     display: flex;
     align-items: center;
     gap: ${theme.spacing(0.5)};
