add info url to project

frontend/src/components/ProjectsComponents/CreateProjectComponents/InputFields/InfoUrl/InfoUrl.tsx

@@ -0,0 +1,17 @@
+import { Input } from "../../styles";
+
+export default function InfoUrl({
+    infoUrl,
+    setInfoUrl,
+}: {
+    infoUrl: string;
+    setInfoUrl: (infoUrl: string) => void;
+}) {
+    return (
+        <Input
+            value={infoUrl}
+            onChange={e => setInfoUrl(e.target.value)}
+            placeholder="Ex. https://osoc.be/"
+        />
+    );
+}

frontend/src/components/ProjectsComponents/CreateProjectComponents/InputFields/InfoUrl/index.ts

@@ -0,0 +1 @@
+export { default } from "./InfoUrl";

frontend/src/data/interfaces/projects.ts

@@ -50,6 +50,9 @@ export interface Project {
     /** The name of the project */
     name: string;
 
+    /** An url with more info */
+    infoUrl: string;
+
     /** The coaches of this project */
     coaches: Coach[];
 
@@ -86,6 +89,9 @@ export interface CreateProject {
     /** The name of the new project */
     name: string;
 
+    /** An url with more info */
+    infoUrl: string;
+
     /** The partners that belong to this project */
     partners: string[];
 

frontend/src/utils/api/projects.ts

@@ -69,17 +69,19 @@ export async function getProject(edition: string, projectId: number): Promise<Pr
 export async function createProject(
     edition: string,
     name: string,
+    infoUrl: string,
     partners: string[],
     coaches: number[]
 ): Promise<Project | null> {
     const payload: CreateProject = {
         name: name,
+        infoUrl: infoUrl,
         partners: partners,
         coaches: coaches,
     };
 
     try {
-        const response = await axiosInstance.post("editions/" + edition + "/projects/", payload);
+        const response = await axiosInstance.post("editions/" + edition + "/projects", payload);
         const project = response.data as Project;
 
         return project;

frontend/src/views/projectViews/CreateProjectPage/CreateProjectPage.tsx

@@ -24,25 +24,30 @@ import { User } from "../../../utils/api/users/users";
 import { toast } from "react-toastify";
 import { createProjectRole } from "../../../utils/api/projectRoles";
 import { CreateButton } from "../../../components/Common/Buttons";
+import InfoUrl from "../../../components/ProjectsComponents/CreateProjectComponents/InputFields/InfoUrl";
 /**
  * React component of the create project page.
  * @returns The create project page.
  */
 
 export default function CreateProjectPage() {
-    const [name, setName] = useState(""); // States for coaches
+    const [name, setName] = useState(""); // State for project name
+
+    const [infoUrl, setInfoUrl] = useState(""); // State for info link
 
     const [coach, setCoach] = useState("");
-    const [coaches, setCoaches] = useState<User[]>([]); // States for skills
+    const [coaches, setCoaches] = useState<User[]>([]); // States for coaches
 
     const [skill, setSkill] = useState("");
-    const [projectSkills, setProjectSkills] = useState<SkillProject[]>([]); // States for partners
+    const [projectSkills, setProjectSkills] = useState<SkillProject[]>([]); // States for skills
 
     const [partner, setPartner] = useState("");
-    const [partners, setPartners] = useState<string[]>([]);
+    const [partners, setPartners] = useState<string[]>([]); // States for partners
+
     const navigate = useNavigate();
     const params = useParams();
     const editionId = params.editionId!;
+
     return (
         <CenterContainer>
             <CreateProjectContainer>
@@ -52,7 +57,10 @@ export default function CreateProjectPage() {
                 <Label>Name</Label>
                 <NameInput name={name} setName={setName} />
 
-                <Label>Coaches</Label>
+                <Label>Info Link</Label>
+                <InfoUrl infoUrl={infoUrl} setInfoUrl={setInfoUrl} />
+
+                <Label>Add Coaches</Label>
                 <CoachInput
                     coach={coach}
                     setCoach={setCoach}
@@ -61,7 +69,7 @@ export default function CreateProjectPage() {
                 />
                 <AddedCoaches coaches={coaches} setCoaches={setCoaches} />
 
-                <Label>Skills</Label>
+                <Label>Add Skills</Label>
                 <SkillInput
                     skill={skill}
                     setSkill={setSkill}
@@ -70,7 +78,7 @@ export default function CreateProjectPage() {
                 />
                 <AddedSkills skills={projectSkills} setSkills={setProjectSkills} />
 
-                <Label>Partners</Label>
+                <Label>Add Partners</Label>
                 <PartnerInput
                     partner={partner}
                     setPartner={setPartner}
@@ -112,7 +120,7 @@ export default function CreateProjectPage() {
         coaches.forEach(coachToAdd => {
             coachIds.push(coachToAdd.userId);
         });
-        const response = await createProject(editionId, name, partners, coachIds);
+        const response = await createProject(editionId, name, infoUrl, partners, coachIds);
 
         if (response) {
             await toast.promise(addProjectRoles(response.projectId), {