From bd2bc273f2cec6f864c7c5f719e8d0aaced013f1 Mon Sep 17 00:00:00 2001
From: Nathan Rumsey <nathan.s.rumsey@gmail.com>
Date: Fri, 1 Nov 2024 10:49:33 -0700
Subject: [PATCH] Resolve residual stlyed components

---
 client/src/components/Notice.jsx | 24 +++++++++++-------------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/client/src/components/Notice.jsx b/client/src/components/Notice.jsx
index 2ad19b3..3a99629 100644
--- a/client/src/components/Notice.jsx
+++ b/client/src/components/Notice.jsx
@@ -7,23 +7,21 @@ const noticeGreen = '#77dd77'
 
 function Notice(props) {
 
-    const NoticeContainer = styled.div`
-        display: flex;
-        flex-direction: row;
-        background-color: ${props.status == "error" ? noticeRed : ( props.status == "success" ? noticeGreen : noticeBlue)};
-        padding: 10px;
-        border-radius: 20px;
-        justify-content: center;
-        margin: 10px;
-        max-width: 450px;
-    `
-
     return (
     <div style={{
         display: 'flex',
         justifyContent: 'center'
     }}>
-        <NoticeContainer>
+        <div style={{
+            display: 'flex',
+            flexDirection: 'row',
+            backgroundColor: `${props.status == "error" ? noticeRed : ( props.status == "success" ? noticeGreen : noticeBlue)}`,
+            padding: '10px',
+            borderRadius: '20px',
+            justifyContent: 'center',
+            margin: '10px',
+            maxWidth: '450px',
+        }}>
             <div style={{
                 marginRight: '10px'
             }}>
@@ -33,7 +31,7 @@ function Notice(props) {
                 fontWeight: 600
             }}> {props.message}
             </div>
-        </NoticeContainer>
+        </div>
     </div>)
     
 }