From 278916be58e8d492af0489cd928bb0df2c103a19 Mon Sep 17 00:00:00 2001
From: dakkar <dakkar@thenautilus.net>
Date: Fri, 21 Jun 2024 15:52:22 +0100
Subject: [PATCH] replaced ti-alert-triangle with ph-warning-circle

---
 .../src/components/MkAnnouncementDialog.vue   |  2 +-
 packages/frontend/src/pages/announcement.vue  |  2 +-
 packages/frontend/vite.config.ts              | 19 ++++++++++++++++++-
 3 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/components/MkAnnouncementDialog.vue b/packages/frontend/src/components/MkAnnouncementDialog.vue
index 032a815ee6..98de572df1 100644
--- a/packages/frontend/src/components/MkAnnouncementDialog.vue
+++ b/packages/frontend/src/components/MkAnnouncementDialog.vue
@@ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<div :class="$style.header">
 			<span :class="$style.icon">
 				<i v-if="announcement.icon === 'info'" class="ph-info ph-bold ph-lg"></i>
-				<i v-else-if="announcement.icon === 'warning'" class="ph-warning-circle ph-bold ph-lg" style="color: var(--warn);"></i>
+				<i v-else-if="announcement.icon === 'warning'" class="ti ti-alert-triangle" style="color: var(--warn);"></i>
 				<i v-else-if="announcement.icon === 'error'" class="ph-seal-warning ph-bold ph-lg" style="color: var(--error);"></i>
 				<i v-else-if="announcement.icon === 'success'" class="ph-check-circle ph-bold ph-lg" style="color: var(--success);"></i>
 			</span>
diff --git a/packages/frontend/src/pages/announcement.vue b/packages/frontend/src/pages/announcement.vue
index 1d8d821b98..41bbd6103b 100644
--- a/packages/frontend/src/pages/announcement.vue
+++ b/packages/frontend/src/pages/announcement.vue
@@ -20,7 +20,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<span v-if="$i && !announcement.silence && !announcement.isRead" style="margin-right: 0.5em;">🆕</span>
 					<span style="margin-right: 0.5em;">
 						<i v-if="announcement.icon === 'info'" class="ph-info ph-bold ph-lg"></i>
-						<i v-else-if="announcement.icon === 'warning'" class="ph-warning-circle ph-bold ph-lg" style="color: var(--warn);"></i>
+						<i v-else-if="announcement.icon === 'warning'" class="ti ti-alert-triangle" style="color: var(--warn);"></i>
 						<i v-else-if="announcement.icon === 'error'" class="ph-seal-warning ph-bold ph-lg" style="color: var(--error);"></i>
 						<i v-else-if="announcement.icon === 'success'" class="ph-check-circle ph-bold ph-lg" style="color: var(--success);"></i>
 					</span>
diff --git a/packages/frontend/vite.config.ts b/packages/frontend/vite.config.ts
index 63149e3e2c..cda8f49047 100644
--- a/packages/frontend/vite.config.ts
+++ b/packages/frontend/vite.config.ts
@@ -83,6 +83,24 @@ export function getConfig(): UserConfig {
 			pluginVue(),
 			pluginUnwindCssModuleClassName(),
 			pluginJson5(),
+			iconsReplace({
+				values: {
+					'ti ti-alert-triangle': 'ph-warning ph-bold ph-lg',
+				},
+				exclude: [
+					'**/components/MkAnnouncementDialog.*',
+					'**/pages/announcement.*',
+				],
+			}),
+			iconsReplace({
+				values: {
+					'ti ti-alert-triangle': 'ph-warning-circle ph-bold ph-lg',
+				},
+				include: [
+					'**/components/MkAnnouncementDialog.*',
+					'**/pages/announcement.*',
+				],
+			}),
 			iconsReplace({
 				values: {
 					'ti ti-terminal-2': 'ph-terminal-window ph-bold ph-lg',
@@ -118,7 +136,6 @@ export function getConfig(): UserConfig {
 					'ti ti-eye-off': 'ti ti-eye-exclamation',
 					'ti ti-eye-exclamation': 'ph-eye-slash ph-bold ph-lg',
 					'ti ti-lock': 'ph-lock ph-bold ph-lg',
-					'ti ti-alert-triangle': 'ph-warning ph-bold ph-lg',
 				},
 			}),
 			...process.env.NODE_ENV === 'production'