import mui icons

ubclaunchpad · Nov 30, 2024 · c568743 · c568743
1 parent 79bd9d2
commit c568743
Show file tree

Hide file tree

Showing 6 changed files with 146 additions and 63 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -14,7 +14,7 @@
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
     "@heroicons/react": "^2.2.0",
-    "@mui/icons-material": "^6.1.2",
+    "@mui/icons-material": "^6.1.9",
     "@mui/material": "^6.1.2",
     "@mui/x-date-pickers": "^7.23.0",
     "@supabase/supabase-js": "^2.45.5",

diff --git a/frontend/src/components/Modals/ConfirmCancelModal/ConfirmCancelModal.jsx b/frontend/src/components/Modals/ConfirmCancelModal/ConfirmCancelModal.jsx
@@ -5,7 +5,7 @@ import { CLButtonSecondary } from "../../Buttons/CLButtons"
 import Typography from '@mui/material/Typography';
 import Modal from '@mui/material/Modal';
 import Divider from '@mui/material/Divider'
-import { XMarkIcon } from '@heroicons/react/24/outline';
+import { ExclamationCircleIcon, XMarkIcon } from '@heroicons/react/24/outline';
 import './ConfirmCancelModal.css'
 
 export const ConfirmCancelModal = () => {
@@ -30,10 +30,10 @@ export const ConfirmCancelModal = () => {
         onClose={handleClose}
       >
         <Box className="modal-content">
+          <ExclamationCircleIcon />
           <Typography variant="h6" component="h2">
-            Congratulations!
+            Are you sure you would like to cancel without saving?
           </Typography>
-          <Typography>Your new log &quot;MyExampleLog&quot; has been saved to log history.</Typography>
           <Divider />
           <button style={{backgroundColor: "red"}} onClick={handleConfirm}>Confirm</button>
           <CLButtonSecondary onClick={handleClose}>

diff --git a/frontend/src/components/Modals/LogSavedSuccessModal/LogSavedSuccessModal.jsx b/frontend/src/components/Modals/LogSavedSuccessModal/LogSavedSuccessModal.jsx
@@ -5,7 +5,8 @@ import { CLButtonPrimary, CLButtonSecondary } from "../../Buttons/CLButtons"
 import Typography from '@mui/material/Typography';
 import Modal from '@mui/material/Modal';
 import Divider from '@mui/material/Divider'
-import { ClockIcon, HomeIcon, BookmarkSquareIcon } from '@heroicons/react/24/outline';
+import { ClockIcon, HomeIcon } from '@heroicons/react/24/outline';
+import SaveOutlinedIcon from '@mui/icons-material/SaveOutlined';
 import './LogSavedSuccessModal.css'
 
 export const LogSavedSuccessModal = () => {
@@ -26,7 +27,7 @@ export const LogSavedSuccessModal = () => {
   return (
     <div>
       <CLButtonPrimary onClick={handleOpen} width={"330px"}>
-       <BookmarkSquareIcon />
+       <SaveOutlinedIcon />
         <p>Create New Log</p>
       </CLButtonPrimary>
       <Modal

diff --git a/frontend/src/pages/manual_entry/ManualEntry.css b/frontend/src/pages/manual_entry/ManualEntry.css
@@ -2,22 +2,30 @@
   margin: 0 220px 0 220px;
 }
 
+.section-header {
+  font-size: 28px;
+}
+
 .input-title {
   margin: 4px 0 4px 0;
   color: #4F607E;
 }
 
 .text-input {
+  box-sizing: border-box;
+  width: 100%;
   padding: 1rem;
   border: 1px solid #BAC1D0;
   border-radius: 16px;
+  background-color: transparent;
 }
 
 .case-planning-text-area {
   height: 140px;
   padding: 1rem;
   border: 1px solid #BAC1D0;
   border-radius: 16px;
+  background-color: transparent;
   resize: none;
 }
 
@@ -26,5 +34,6 @@
   padding: 1rem;
   border: 1px solid #BAC1D0;
   border-radius: 16px;
+  background-color: transparent;
   resize: none;
 }