From 93778c71c3164c8965e86669d3467d3ecff0b072 Mon Sep 17 00:00:00 2001
From: Thea Nguyen <thea25060@gmail.com>
Date: Sat, 2 Mar 2024 14:39:37 -0700
Subject: [PATCH] Replaced svg files with Phospho icon (error icon)

---
 src/components/InputCode.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/InputCode.tsx b/src/components/InputCode.tsx
index 760e668..774c5b6 100644
--- 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>
       )}