Accidentally removed multiple file uploads in the preview section. Fi…

…xed some minor css styling.
ubclaunchpad · Dec 6, 2024 · e1acb37 · e1acb37
1 parent 2de023b
commit e1acb37
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 23 deletions.
diff --git a/frontend/src/components/Home/LeftSection/RecentActivityCard.css b/frontend/src/components/Home/LeftSection/RecentActivityCard.css
@@ -3,8 +3,7 @@
   border-radius: 30px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
   padding: 20px;
-  height: 83%;
-  max-height: 300px;
+  min-height: 32%;
   overflow-y: auto;
   transition: transform 0.2s ease;
 }
@@ -36,7 +35,6 @@
 .activity-list {
   display: flex;
   flex-direction: column;
-  margin-top: -10px;
 }
 
 .activity-item {

diff --git a/frontend/src/components/Home/LeftSection/ShopBooksCard.css b/frontend/src/components/Home/LeftSection/ShopBooksCard.css
@@ -6,7 +6,7 @@
   display: flex;
   justify-content: space-between;
   cursor: pointer;
-  height: 83%;
+  height: 32%;
   position: relative;
   overflow: hidden;
   transition: transform 0.2s ease;

diff --git a/frontend/src/components/Home/MainContent.css b/frontend/src/components/Home/MainContent.css
@@ -9,7 +9,7 @@
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 30px;
-  margin-top: 30px;
+  margin-top: 25px;
   width: 95%;
-  height: calc(500px - 280px - 24px);
+  height: 100%;
 }
diff --git a/frontend/src/components/Home/RightSection/ProgressItem.css b/frontend/src/components/Home/RightSection/ProgressItem.css
@@ -1,4 +1,4 @@
-.progress-item {
+.logbook-progress-item {
   width: 100%;
   padding: 12px;
   border-radius: 8px;
@@ -7,33 +7,33 @@
   background-color: transparent;
 }
 
-.progress-item:hover {
+.logbook-progress-item:hover {
   background-color: #e7edf8;
 }
 
-.progress-item:hover .progress-bar {
+.logbook-progress-item:hover .logbook-progress-bar {
   background: #fbfcfe;
 }
 
-.progress-item:hover .progress-info {
+.logbook-progress-item:hover .logbook-progress-info {
   color: #244b94;
 }
 
-.progress-info {
+.logbook-progress-info {
   display: flex;
   justify-content: space-between;
   margin-bottom: 6px;
   font-size: 15px;
 }
 
-.progress-bar {
+.logbook-progress-bar {
   height: 8px;
   background: #e7edf8;
   border-radius: 4px;
   overflow: hidden;
 }
 
-.progress-fill {
+.logbook-progress-fill {
   height: 100%;
   background: #244b94;
   border-radius: 4px;

diff --git a/frontend/src/components/Home/RightSection/ProgressItem.jsx b/frontend/src/components/Home/RightSection/ProgressItem.jsx
@@ -2,14 +2,14 @@ import "./ProgressItem.css";
 
 export default function ProgressItem({ item, onClick }) {
   return (
-    <div className="progress-item" onClick={onClick}>
-      <div className="progress-info">
+    <div className="logbook-progress-item" onClick={onClick}>
+      <div className="logbook-progress-info">
         <span>{item.name}</span>
         <span>{item.progress}%</span>
       </div>
-      <div className="progress-bar">
+      <div className="logbook-progress-bar">
         <div
-          className="progress-fill"
+          className="logbook-progress-fill"
           style={{ width: `${item.progress}%` }}
         ></div>
       </div>

diff --git a/frontend/src/pages/upload_photo/UploadPhoto.jsx b/frontend/src/pages/upload_photo/UploadPhoto.jsx
@@ -65,21 +65,16 @@ function MainContent({ files, setFiles, handleTranscribe }) {
 
   /** Handle files from input or drop */
   const handleFiles = (newFiles) => {
-    console.log("Received files:", newFiles); // Debug log
-
     const filesArray = Array.from(newFiles);
-    console.log("Files array:", filesArray); // Debug log
 
     const filesWithPreview = filesArray.map((file) => {
-      console.log("Processing file:", file); // Debug log
       return {
         file: file, // Store the actual File object
         timestamp: Date.now(),
         preview: URL.createObjectURL(file),
       };
     });
-
-    setFiles(filesWithPreview);
+    setFiles((prev) => [...filesWithPreview, ...prev]); // Add new files to beginning
   };
 
   /** Toggle preview visibility */