Imbus/TTime
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add user-specific project list and API integration

Browse source
This commit is contained in:
Davenludd 2024-03-18 10:07:59 +01:00
parent 711f46f960
commit 5bef01396b
1 changed files with 27 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

44
frontend/src/Pages/YourProjectsPage.tsx
View file

@ -1,25 +1,34 @@
import BasicWindow from "../Components/BasicWindow";
import { ProjectListUser } from "../Components/ProjectListUser";
import React, { useState } from "react";
import { Project } from "../Types/goTypes";
import { api } from "../API/API";
import { Link, useLocation } from "react-router-dom";
import BasicWindow from "../Components/BasicWindow";
function YourProjectsPage(): JSX.Element {
//TODO: Change so that it reads projects from database
const projects: Project[] = [];
for (let i = 1; i <= 20; i++) {
projects.push({
id: i,
name: "Example Project " + i,
description: "good",
created: "now",
owner: "me",
});
}
function UserProjectPage(): JSX.Element {
const [projects, setProjects] = useState<Project[]>([]);
const getProjects = async (): Promise<void> => {
const username = "user"; // replace with actual username
const token = "your_token"; // replace with actual token
const response = await api.getUserProjects(username, token);
if (response.success) {
setProjects(response.data ?? []);
} else {
console.error(response.message);
}
};
const content = (
<>
<h1 className="font-bold text-[30px] mb-[20px]">Your Projects</h1>
<div className="border-4 border-black bg-white flex flex-col items-center h-[65vh] w-[50vw] rounded-3xl content-center overflow-scroll space-y-[10vh] p-[30px]">
<ProjectListUser projects={projects} />
<div className="border-4 border-black bg-white flex flex-col items-center justify-center min-h-[65vh] h-fit w-[50vw] rounded-3xl content-center overflow-scroll space-y-[10vh] p-[30px]">
{projects.map((project, index) => (
<Link key={index} to={`/project/${project.id}`}>
<h1 className="font-bold underline text-[30px] cursor-pointer">
{project.name}
</h1>
</Link>
))}
</div>
</>
);
@ -28,4 +37,5 @@ function YourProjectsPage(): JSX.Element {
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
}
export default YourProjectsPage;
export default UserProjectPage;