add some ignore attributes for chromatic

aslilac · aslilac · commit e81f23a86f01 · 2023-12-18T22:08:16.000Z
diff --git a/site/src/components/Loader/Loader.tsx b/site/src/components/Loader/Loader.tsx
@@ -16,6 +16,7 @@ export const Loader: FC<LoaderProps> = ({ size = 26, ...attrs }) => {
         justifyContent: "center",
       }}
       data-testid="loader"
+      data-chromatic="ignore"
       {...attrs}
     >
       <CircularProgress size={size} />
diff --git a/site/src/pages/HealthPage/HealthLayout.tsx b/site/src/pages/HealthPage/HealthLayout.tsx
@@ -126,6 +126,7 @@ export function HealthLayout() {
                 <div css={{ display: "flex", flexDirection: "column" }}>
                   <span css={{ fontWeight: 500 }}>Last check</span>
                   <span
+                    data-chromatic="ignore"
                     css={{
                       color: theme.palette.text.secondary,
                       lineHeight: "150%",
@@ -138,6 +139,7 @@ export function HealthLayout() {
                 <div css={{ display: "flex", flexDirection: "column" }}>
                   <span css={{ fontWeight: 500 }}>Version</span>
                   <span
+                    data-chromatic="ignore"
                     css={{
                       color: theme.palette.text.secondary,
                       lineHeight: "150%",

Original file line number	Diff line number	Diff line change
`@@ -16,6 +16,7 @@ export const Loader: FC<LoaderProps> = ({ size = 26, ...attrs }) => {`
`16`	`16`	`justifyContent: "center",`
`17`	`17`	`}}`
`18`	`18`	`data-testid="loader"`
	`19`	`+ data-chromatic="ignore"`
`19`	`20`	`{...attrs}`
`20`	`21`	`>`
`21`	`22`	`<CircularProgress size={size} />`