Changed design a little so that it uses the projectlist component, added some fake projects
This commit is contained in:
parent
4a864e1ab5
commit
edf503776a
1 changed files with 16 additions and 22 deletions
|
@ -1,31 +1,25 @@
|
|||
import { Link } from "react-router-dom";
|
||||
import BasicWindow from "../Components/BasicWindow";
|
||||
import { ProjectListUser } from "../Components/ProjectListUser";
|
||||
import { Project } from "../Types/Project";
|
||||
|
||||
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",
|
||||
});
|
||||
}
|
||||
|
||||
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 justify-between min-h-[65vh] h-fit w-[50vw] rounded-3xl content-center overflow-scroll space-y-[10px] p-[30px]">
|
||||
<Link to="/project">
|
||||
<h1 className="underline text-[24px] cursor-pointer font-bold">
|
||||
ProjectNameExample
|
||||
</h1>
|
||||
</Link>
|
||||
<Link to="/project">
|
||||
<h1 className="underline text-[24px] cursor-pointer font-bold">
|
||||
ProjectNameExample2
|
||||
</h1>
|
||||
</Link>
|
||||
<Link to="/project">
|
||||
<h1 className="underline text-[24px] cursor-pointer font-bold">
|
||||
ProjectNameExample3
|
||||
</h1>
|
||||
</Link>
|
||||
<Link to="/project">
|
||||
<h1 className="underline text-[24px] cursor-pointer font-bold">
|
||||
ProjectNameExample4
|
||||
</h1>
|
||||
</Link>
|
||||
<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>
|
||||
</>
|
||||
);
|
||||
|
|
Loading…
Reference in a new issue