Ignore chromatic changes

BrunoQuaresma · BrunoQuaresma · commit 11f565b20197 · 2025-04-28T14:25:59.000Z
diff --git a/site/src/pages/CreateTokenPage/CreateTokenForm.tsx b/site/src/pages/CreateTokenPage/CreateTokenForm.tsx
@@ -80,15 +80,19 @@ export const CreateTokenForm: FC<CreateTokenFormProps> = ({
 				</FormFields>
 			</FormSection>
 			<FormSection
-				data-chromatic="ignore"
 				title="Expiration"
 				description={
-					form.values.lifetime
-						? `The token will expire on ${dayjs()
+					form.values.lifetime ? (
+						<span data-chromatic="ignore">
+							The token will expire on $
+							{dayjs()
 								.add(form.values.lifetime, "days")
 								.utc()
-								.format("MMMM DD, YYYY")}`
-						: "Please set a token expiration."
+								.format("MMMM DD, YYYY")}
+						</span>
+					) : (
+						"Please set a token expiration."
+					)
 				}
 				classes={{ sectionInfo: classNames.sectionInfo }}
 			>
diff --git a/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx b/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx
@@ -304,9 +304,10 @@ export const CreateWorkspacePageView: FC<CreateWorkspacePageViewProps> = ({
 								fullWidth
 								label="Workspace Name"
 							/>
-							<FormHelperText data-chromatic="ignore">
+							<FormHelperText>
 								Need a suggestion?{" "}
 								<Button
+									data-chromatic="ignore"
 									variant="subtle"
 									size="sm"
 									css={styles.nameSuggestion}
diff --git a/site/src/pages/CreateWorkspacePage/CreateWorkspacePageViewExperimental.tsx b/site/src/pages/CreateWorkspacePage/CreateWorkspacePageViewExperimental.tsx
@@ -346,6 +346,7 @@ export const CreateWorkspacePageViewExperimental: FC<
 										<div className="flex gap-2 text-xs text-content-secondary items-center">
 											Need a suggestion?
 											<Button
+												data-chromatic="ignore"
 												variant="subtle"
 												size="sm"
 												onClick={async () => {
