28 |
30 |
52 | 
53 | Upload
54 | Search
55 |
56 |
53 | Upload
54 | Search
55 |
57 | Logout
58 |
59 |
60 | ): (
61 | Login
62 | )
63 | return (
64 |
67 | );
68 | }
--------------------------------------------------------------------------------
/frontend/src/assets/file.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/frontend/src/assets/react.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/frontend/src/contexts/session.ts:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | type SessionContextType = string | null;
4 |
5 | export const getSessionCookie = () => {
6 | // const sessionCookie = document.cookie
7 | // .split('; ')
8 | // .find(row => row.startsWith('token='))
9 | // ?.split('=')[1];
10 | const sessionCookie = localStorage.getItem('authToken');
11 | return sessionCookie;
12 | }
13 | export const destroySessionCookie = () => {
14 | console.log("destroying session cookie");
15 | localStorage.removeItem('authToken');
16 | // document.cookie = "token=; Max-Age=0;"
17 | }
18 |
19 | export const SessionContext = React.createContext
130 |
169 |
170 | );
171 | }
172 |
173 | export default MainSearch;
174 |
--------------------------------------------------------------------------------
/frontend/src/screens/RegisterFile.tsx:
--------------------------------------------------------------------------------
1 | import "../styles/RegisterFile.css";
2 | import { RegisteredFile, Status, Professor, Course, Topic, Semester } from "../types/types";
3 | import { useState, useEffect } from "react";
4 | import { getAuthHeaders } from "../utils/getAuthHeaders";
5 | import { getSessionCookie } from "../contexts/session";
6 |
7 | export default function RegisterFile() {
8 | const [serverFiles, setServerFiles] = useState
194 |
265 | )
266 | }
--------------------------------------------------------------------------------
/frontend/src/screens/Results.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect } from 'react';
2 | import { useLocation, useNavigate } from 'react-router-dom';
3 | import styles from '../styles/Results.module.css'; // Make sure this path is correct
4 | import { getAuthHeaders } from '../utils/getAuthHeaders';
5 | import { File } from '../types/types';
6 | import { Link } from 'react-router-dom';
7 |
8 | const Results: React.FC = () => {
9 | const [files, setFiles] = useState
195 |
239 | Upload a File
196 |Host a local file for the GT community!
197 | 238 |
240 |
242 |
243 |
263 |
264 | Registered Files
241 || File Name | 245 |Original Author | 246 |Professor | 247 |Semester | 248 |Status | 249 |
|---|---|---|---|---|
| {file.filename} | 255 |{file.original_author.username} | 256 |{file.professor.name} | 257 |{file.semester.name} | 258 |{file.status} | 259 |
Loading...
;
42 |
43 | return (
44 |
45 |
86 | );
87 | };
88 |
89 | export default Results;
90 |
91 |
92 | function DownloadButton({ file }: { file: File }) {
93 | const [success, setSuccess] = useState(false);
94 | const handleDownload = () => {
95 | // Implement download functionality
96 | fetch("http://localhost:8080/request", {
97 | method: "POST",
98 | headers: {
99 | "Content-Type": "application/json",
100 | },
101 | body: JSON.stringify({ id: file.id, filename: file.filename, ip: file.original_author.ip_address }),
102 | })
103 | .then((response) => response.text())
104 | .then(() => {
105 | return fetch(
106 | `${import.meta.env.VITE_CENTRAL_SERVER}/api/files/${file.id}/add-peer/`,
107 | {
108 | method: "POST",
109 | headers: getAuthHeaders(),
110 | }
111 | )
112 | })
113 | .then((response) => {
114 | if (!response.ok) {
115 | throw new Error("Failed to add peer");
116 | }
117 | setSuccess(true);
118 | })
119 | .catch((error) => {
120 | console.error("Error:", error);
121 | setSuccess(false);
122 | });
123 | };
124 | return (
125 | <>
126 | {
127 | success === true ?
128 | Downloaded! :
129 |
130 | }
131 |
132 | );
133 | }
--------------------------------------------------------------------------------
/frontend/src/screens/Signup.tsx:
--------------------------------------------------------------------------------
1 | import { Link, useNavigate } from "react-router-dom";
2 | import "../styles/Login.css"
3 | import { FormEvent } from "react";
4 | import { useSessionRedirect } from "../hooks/sessionRedirect";
5 | export default function Signup() {
6 | const navigate = useNavigate();
7 | useSessionRedirect();
8 |
9 | function handleSubmit(e: FormEvent) {
10 | e.preventDefault();
11 | const formData = new FormData(e.target as HTMLFormElement);
12 | const email = formData.get('email');
13 | const username = formData.get('username');
14 | const password = formData.get('password');
15 | console.log(import.meta.env.VITE_CENTRAL_SERVER)
16 | fetch(`${import.meta.env.VITE_CENTRAL_SERVER}/api/signup/`, {
17 | method: 'POST',
18 | headers: {
19 | 'Content-Type': 'application/json',
20 | },
21 | body: JSON.stringify({ email, username, password }),
22 | })
23 | .then(response => response.json())
24 | .then(() => {
25 | navigate('/login');
26 | })
27 | .catch((error) => {
28 | console.error('Error:', error);
29 | });
30 | }
31 | return (
32 |
46 |
47 |
48 |
49 |
47 |
48 |
50 | {isLoading ? (
51 |
54 |
55 |
81 | ) : (
82 |
85 | Loading...
52 | ) : files.length ? ( 53 || Filename | 57 |Course | 58 |Professor | 59 |Semester | 60 |Upvotes | 61 |Downvotes | 62 |Original Author | 63 |Download | 64 |
|---|---|---|---|---|---|---|---|
| {file.filename} | 70 |{file.course.name} {file.course.number} | 71 |{file.professor.name} | 72 |{file.semester.name} | 73 |{file.upvotes.length} | 74 |{file.downvotes.length} | 75 |{file.original_author.username} | 76 |
No results found.
83 | )} 84 |