From 81527f4ee64faa2206e14f4742f968c959f8fd2b Mon Sep 17 00:00:00 2001
From: Muaz <muaz.f.tareen@gmail.com>
Date: Mon, 6 Jul 2026 23:38:28 -0500
Subject: [PATCH] Add warning icon to alerts

---
 src/frontend/app/alerts.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/frontend/app/alerts.tsx b/src/frontend/app/alerts.tsx
index c1dfa72e8..52abf2768 100644
--- a/src/frontend/app/alerts.tsx
+++ b/src/frontend/app/alerts.tsx
@@ -1,5 +1,7 @@
 import { modals } from "@mantine/modals";
-import { Text } from "@mantine/core";
+import { Group, Text } from "@mantine/core";
+import { IconSize } from "../common/style-constants";
+import { IconAlertTriangle } from "@tabler/icons-react";
 
 interface OpenWarningAlertProps {
     title: string;
@@ -8,7 +10,12 @@ interface OpenWarningAlertProps {
 
 function openWarningAlert(props: OpenWarningAlertProps): void {
     modals.openConfirmModal({
-        title: props.title,
+        title: (
+            <Group gap="xs">
+                <IconAlertTriangle size={IconSize.MEDIUM} color="#f08c00" />
+                <span>{props.title}</span>
+            </Group>
+        ),
         children: <Text size="sm">{props.text}</Text>,
         labels: { confirm: "Close", cancel: null },
         centered: true,