timetable thing

client/src/api/Timetable.js

@@ -0,0 +1,17 @@
+import axios from 'axios';
+import serverRoot from './server';
+
+const API = axios.create({
+    baseURL: `${serverRoot}/api/examslots`,
+    withCredentials: true,
+});
+
+export const fetchExamSlot = async (course, branch, semester) => {
+    const { data } = await API.get(`/${course}/${branch}/${semester}`);
+    return data;
+}
+
+export const createOrUpdateExamSlot = async (examSlotData) => {
+    const { data } = await API.post('/update', examSlotData);
+    return data;
+}

client/src/screens/contributions/index.jsx

@@ -108,7 +108,7 @@ const Contributions = () => {
                         ? "Upload files to this folder"
                         : "Your files will be added to this folder"}
                 </div>
-                <div className="file_pond">
+                <div className="file_pond large">
                     <FilePond
                         name="file"
                         allowMultiple={true}
@@ -143,10 +143,11 @@ const Contributions = () => {
                                 Files require approval from a Branch Representative before becoming
                                 visible to other users.
                             </div>
-                        </div>
-                    ) : (
+                            </div>
+                    ):(
                         <></>
-                    )}
+                        )}
+
                 </div>
                 <div className={`button ${submitEnabled && !isUploading}`} onClick={handleSubmit}>
                     {isUploading ? "UPLOADING..." : "SUBMIT"}

client/src/screens/contributions/styles.scss

@@ -174,4 +174,30 @@
 
 .filepond--root {
     max-height: 20vh;
+}
+
+.file_pond {
+    margin-top: 1rem;
+
+    .large {
+        width: 100%;
+        height: 100%;
+    }
+
+    &.large {
+        .filepond--root {
+            height: 00px; // make it taller
+            max-width: 100%; // stretch width
+            font-size: 1.1rem; // slightly bigger text
+        }
+
+        .filepond--drop-label {
+            height: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 1.2rem;
+            padding: 2rem;
+        }
+    }
 }