dylan/crosspost
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(frontend): add basic styling to upload page

Browse Source
This commit is contained in:
Dylan De Faoite
2026-02-09 18:36:23 +00:00
parent 0d54e46ba3
commit d028bd4f12
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/pages/Upload.tsx
View File

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