Replaced svg files with Phospho icon (error icon)

UofA-Blueprint · Mar 2, 2024 · 93778c7 · 93778c7
1 parent bed6bc0
commit 93778c7
Showing 1 changed file with 2 additions and 5 deletions.
diff --git a/src/components/InputCode.tsx b/src/components/InputCode.tsx
@@ -1,6 +1,7 @@
 //#region Imports
 import { twMerge } from "tailwind-merge";
 import { useRef, useState } from "react";
+import { WarningCircle } from "@phosphor-icons/react";
 //#endregion
 
 //#region Interfaces
@@ -116,11 +117,7 @@ export function InputCode({
       {/* Error Message */}
       {error && (
         <div className="flex text-body-sm items-center gap-x-1 text-status-red-main">
-          <img
-            src="src/assets/images/error.svg"
-            alt="Error icon"
-            className="w-5"
-          />
+          <WarningCircle size={20} />
           <p>Error passcode</p>
         </div>
       )}