Add variable page title

SELab-2 · Mar 18, 2024 · 0b47ab2 · 0b47ab2
1 parent 9736255
commit 0b47ab2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
@@ -1,11 +1,12 @@
 import {JSX} from "react";
 import {RiAccountPinBoxLine} from "react-icons/ri";
 
-export function Header(): JSX.Element {
+export function Header(props: { page_title: string }): JSX.Element {
     return (
-        <nav className={"main-nav is-flex is-flex-direction-row is-justify-content-space-between is-align-items-center"}>
+        <nav
+            className={"main-nav is-flex is-flex-direction-row is-justify-content-space-between is-align-items-center"}>
             <img src={"/delphi_favicon_circle.png"} alt={"image"}/>
-            <p className={"is-align-self-center"}><p>Home</p></p>
+            <p className={"is-align-self-center"}><p>{props.page_title}</p></p>
             <button className={"button mx-2 is-transparent"}>
                 <div className={"icon-text"}>
                     <p>Username</p>

diff --git a/frontend/src/pages/student/HomeStudent.tsx b/frontend/src/pages/student/HomeStudent.tsx
@@ -16,7 +16,7 @@ export default function HomeStudent(): JSX.Element {
     return (
         <>
             <div className={"main-header"}>
-                <Header/>
+                <Header page_title={"Home"}/>
             </div>
             <div className={"main-content is-flex is-flex-direction-row"}>
                 <div className={"side-bar is-flex is-justify-content-center"}>