adding icons

Signed-off-by: jackdisalvatore <[email protected]>

Author: JackDiSalvatore

frontend/src/lib/components/Alert/Alert.svelte

@@ -1,21 +1,21 @@
 <script lang="ts">
 	import { Alert, Button } from 'stwui';
-	// import { informationCircle } from './Svg/solid/informationCircle';
-	// import { exclamationTriangle } from './Svg/solid/exclamationTriangle';
-	// import { exclamationCircle } from './Svg/solid/exclamationCircle';
+	import { informationCircle } from '$lib/components/Svg/solid/informationCircle';
+	import { exclamationTriangle } from '$lib/components/Svg/solid/exclamationTriangle';
+	import { exclamationCircle } from '$lib/components/Svg/solid/exclamationCircle';
+	import { checkCircle } from '$lib/components/Svg/solid/checkCircle';
 	import { ALERT_ANIMATION_DURATION, type AlertType } from '$lib/context/UnityAuthAlertStore';
 	import { createEventDispatcher } from 'svelte';
 	import { fly } from 'svelte/transition';
-	// import { checkCircle } from './Svg/solid/checkCircle';
 
 	const dispatch = createEventDispatcher<{ close: void }>();
 
-	// const typeIconMap = {
-	// 	error: exclamationCircle,
-	// 	info: informationCircle,
-	// 	warn: exclamationTriangle,
-	// 	success: checkCircle
-	// };
+	const typeIconMap = {
+		error: exclamationCircle,
+		info: informationCircle,
+		warn: exclamationTriangle,
+		success: checkCircle
+	};
 
 	export let type: AlertType;
 	export let title: string;
@@ -27,8 +27,7 @@
 	out:fly|global={{ x: 200, duration: ALERT_ANIMATION_DURATION }}
 >
 	<Alert {type} on:fade>
-		<!-- <Alert.Leading slot="leading" data={typeIconMap[type]} /> -->
-		<Alert.Leading slot="leading" />
+		<Alert.Leading slot="leading" data={typeIconMap[type]} />
 		<Alert.Title slot="title">{title}</Alert.Title>
 
 		<Alert.Description slot="description">

frontend/src/lib/components/Svg/solid/checkCircle.js

@@ -0,0 +1,3 @@
+export let checkCircle = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
+<path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd" />
+</svg>`;

frontend/src/lib/components/Svg/solid/exclamationCircle.js

@@ -0,0 +1,3 @@
+export let exclamationCircle = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
+<path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" clip-rule="evenodd" />
+</svg>`;

frontend/src/lib/components/Svg/solid/exclamationTriangle.js

@@ -0,0 +1,3 @@
+export const exclamationTriangle = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
+<path fill-rule="evenodd" d="M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" clip-rule="evenodd" />
+</svg>`;