From d028bd4f1293b19b42e63499a90af607a83cd7ad Mon Sep 17 00:00:00 2001
From: Dylan De Faoite <dylanseandefaoite@gmail.com>
Date: Mon, 9 Feb 2026 18:36:23 +0000
Subject: [PATCH] feat(frontend): add basic styling to upload page

---
 frontend/src/pages/Upload.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/Upload.tsx b/frontend/src/pages/Upload.tsx
index d72f9f0..fc3b243 100644
--- a/frontend/src/pages/Upload.tsx
+++ b/frontend/src/pages/Upload.tsx
@@ -2,6 +2,9 @@ import axios from 'axios'
 import './../App.css'
 import { useState } from 'react'
 import { useNavigate } from 'react-router-dom'
+import StatsStyling from "../styles/stats_styling";
+
+const styles = StatsStyling;
 
 const UploadPage = () => {
   let postFile: File | undefined
@@ -34,13 +37,13 @@ const UploadPage = () => {
     }
   }
   return (
-    <div>
-      <div className="post-file-upload">
-        <h2>Posts File</h2>
+    <div style={{...styles.container, ...styles.grid, margin: "0"}}>
+      <div style={{ ...styles.card }}>
+        <h2 style={{color: "black" }}>Posts File</h2>
         <input type="file" onChange={(e) => postFile = e.target.files?.[0]}></input>
       </div>
-      <div className="comment-file-upload">
-        <h2>Comments File</h2>
+      <div style={{ ...styles.card }}>
+        <h2 style={{color: "black" }}>Comments File</h2>
         <input type="file" onChange={(e) => commentFile = e.target.files?.[0]}></input>
       </div>
       <button onClick={uploadFiles}>Upload</button>