From 59959e0add509c7a1ab57804c06ea5fe9f4f4d36 Mon Sep 17 00:00:00 2001
From: Jaayden Halko <jaayden.halko@gmail.com>
Date: Mon, 22 Dec 2025 09:58:58 +0000
Subject: [PATCH] fix: use correct error color (#21355)

fix styling to use destructive instead of danger
---
 .../IdpOrgSyncPage/IdpOrgSyncPageView.tsx                   | 4 ++--
 .../IdpSyncPage/IdpGroupSyncForm.tsx                        | 4 ++--
 .../IdpSyncPage/IdpRoleSyncForm.tsx                         | 6 ++++--
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/site/src/pages/DeploymentSettingsPage/IdpOrgSyncPage/IdpOrgSyncPageView.tsx b/site/src/pages/DeploymentSettingsPage/IdpOrgSyncPage/IdpOrgSyncPageView.tsx
index 294d694b93..18d00ab8c2 100644
--- a/site/src/pages/DeploymentSettingsPage/IdpOrgSyncPage/IdpOrgSyncPageView.tsx
+++ b/site/src/pages/DeploymentSettingsPage/IdpOrgSyncPage/IdpOrgSyncPageView.tsx
@@ -208,7 +208,7 @@ export const IdpOrgSyncPageView: FC<IdpSyncPageViewProps> = ({
 						</div>
 					</div>
 					{form.errors.field && (
-						<p className="text-content-danger text-sm m-0">
+						<p className="text-content-destructive text-sm m-0">
 							{form.errors.field}
 						</p>
 					)}
@@ -297,7 +297,7 @@ export const IdpOrgSyncPageView: FC<IdpSyncPageViewProps> = ({
 							</div>
 						</div>
 						{form.errors.mapping && (
-							<p className="text-content-danger text-sm m-0">
+							<p className="text-content-destructive text-sm m-0">
 								{Object.values(form.errors.mapping || {})}
 							</p>
 						)}
diff --git a/site/src/pages/OrganizationSettingsPage/IdpSyncPage/IdpGroupSyncForm.tsx b/site/src/pages/OrganizationSettingsPage/IdpSyncPage/IdpGroupSyncForm.tsx
index 091ab4851d..fd5071a141 100644
--- a/site/src/pages/OrganizationSettingsPage/IdpSyncPage/IdpGroupSyncForm.tsx
+++ b/site/src/pages/OrganizationSettingsPage/IdpSyncPage/IdpGroupSyncForm.tsx
@@ -194,7 +194,7 @@ export const IdpGroupSyncForm: FC<IdpGroupSyncFormProps> = ({
 					</div>
 					{form.errors.field ||
 						(form.errors.regex_filter && (
-							<p className="text-content-danger text-sm m-0">
+							<p className="text-content-destructive text-sm m-0">
 								{form.errors.field || form.errors.regex_filter}
 							</p>
 						))}
@@ -302,7 +302,7 @@ export const IdpGroupSyncForm: FC<IdpGroupSyncFormProps> = ({
 					</div>
 				</div>
 				{form.errors.mapping && (
-					<p className="text-content-danger text-sm m-0">
+					<p className="text-content-destructive text-sm m-0">
 						{Object.values(form.errors.mapping || {})}
 					</p>
 				)}
diff --git a/site/src/pages/OrganizationSettingsPage/IdpSyncPage/IdpRoleSyncForm.tsx b/site/src/pages/OrganizationSettingsPage/IdpSyncPage/IdpRoleSyncForm.tsx
index e304b2d9e0..2ff88054a3 100644
--- a/site/src/pages/OrganizationSettingsPage/IdpSyncPage/IdpRoleSyncForm.tsx
+++ b/site/src/pages/OrganizationSettingsPage/IdpSyncPage/IdpRoleSyncForm.tsx
@@ -155,7 +155,9 @@ export const IdpRoleSyncForm: FC<IdpRoleSyncFormProps> = ({
 					</p>
 				</div>
 				{form.errors.field && (
-					<p className="text-content-danger text-sm m-0">{form.errors.field}</p>
+					<p className="text-content-destructive text-sm m-0">
+						{form.errors.field}
+					</p>
 				)}
 				<div className="flex flex-row gap-2 justify-between items-start">
 					<div className="grid items-center gap-1 w-72">
@@ -240,7 +242,7 @@ export const IdpRoleSyncForm: FC<IdpRoleSyncFormProps> = ({
 					</div>
 				</div>
 				{form.errors.mapping && (
-					<p className="text-content-danger text-sm m-0">
+					<p className="text-content-destructive text-sm m-0">
 						{Object.values(form.errors.mapping || {})}
 					</p>
 				)}