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 BasicWindow from "../Components/BasicWindow";
|
||||||
|
import { ProjectListUser } from "../Components/ProjectListUser";
|
||||||
|
import { Project } from "../Types/Project";
|
||||||
|
|
||||||
function YourProjectsPage(): JSX.Element {
|
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 = (
|
const content = (
|
||||||
<>
|
<>
|
||||||
<h1 className="font-bold text-[30px] mb-[20px]">Your Projects</h1>
|
<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]">
|
<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]">
|
||||||
<Link to="/project">
|
<ProjectListUser projects={projects} />
|
||||||
<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>
|
</div>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
Loading…
Reference in a new issue