From 52aecd14d42330802056d699f92ba6558d255568 Mon Sep 17 00:00:00 2001
From: pavel Hamawand <pavelhamawand@gmail.com>
Date: Tue, 19 Mar 2024 03:14:14 +0100
Subject: [PATCH 1/4] minor fix

---
 frontend/src/Pages/YourProjectsPage.tsx | 26 +++++++++++++++++++------
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/frontend/src/Pages/YourProjectsPage.tsx b/frontend/src/Pages/YourProjectsPage.tsx
index 973baa3..5de772f 100644
--- a/frontend/src/Pages/YourProjectsPage.tsx
+++ b/frontend/src/Pages/YourProjectsPage.tsx
@@ -1,6 +1,5 @@
-import { useState, createContext, useEffect } from "react";
+import { useState, createContext } from "react";
 import { Project } from "../Types/goTypes";
-import { api } from "../API/API";
 import { Link } from "react-router-dom";
 import BasicWindow from "../Components/BasicWindow";
 
@@ -28,10 +27,25 @@ function UserProjectPage(): JSX.Element {
 
   // Mock data
   const projects: Project[] = [
-    { id: "1", name: "Project Test App" },
-    { id: "2", name: "Project 2" },
-    { id: "3", name: "Project 3" },
-    // Add more mock projects as needed
+    {
+      id: 1,
+      name: "Project Test App",
+      description: "Description 1",
+      owner: "Owner 1",
+    },
+    {
+      id: 2,
+      name: "Project 2",
+      description: "Description 2",
+      owner: "Owner 2",
+    },
+    {
+      id: 3,
+      name: "Project 3",
+      description: "Description 3",
+      owner: "Owner 3",
+    },
+    // Add more mock projects as neededects as needed
   ];
 
   const handleProjectClick = (projectName: string): void => {

From 4df8d3f8581c2eed3cda217b1c43f707f3962a95 Mon Sep 17 00:00:00 2001
From: pavel Hamawand <pavelhamawand@gmail.com>
Date: Tue, 19 Mar 2024 03:22:54 +0100
Subject: [PATCH 2/4] new component

---
 frontend/src/Components/ChangeUsername.tsx | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 frontend/src/Components/ChangeUsername.tsx

diff --git a/frontend/src/Components/ChangeUsername.tsx b/frontend/src/Components/ChangeUsername.tsx
new file mode 100644
index 0000000..e69de29

From 8b7ad8911b07956cf4a5ce659026ac283b4acb39 Mon Sep 17 00:00:00 2001
From: pavel Hamawand <pavelhamawand@gmail.com>
Date: Tue, 19 Mar 2024 03:39:05 +0100
Subject: [PATCH 3/4] implementing ChangeUser

---
 frontend/src/Components/ChangeUsername.tsx | 38 ++++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/frontend/src/Components/ChangeUsername.tsx b/frontend/src/Components/ChangeUsername.tsx
index e69de29..71d5e57 100644
--- a/frontend/src/Components/ChangeUsername.tsx
+++ b/frontend/src/Components/ChangeUsername.tsx
@@ -0,0 +1,38 @@
+import React, { useState } from "react";
+import { api } from "../API/API";
+import InputField from "./InputField";
+import BackButton from "./BackButton";
+import Button from "./Button";
+
+
+function ChangeUsername(): JSX.Element {
+  const [newUsername, setNewUsername] = useState("");
+
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement>): void => {
+    setNewUsername(e.target.value);
+  };
+
+  const handleSubmit = async (): Promise<void> => {
+    try {
+      // Call the API function to update the username
+      await api.updateUsername(newUsername);
+      // Optionally, add a success message or redirect the user
+    } catch (error) {
+      console.error("Error updating username:", error);
+      // Optionally, handle the error
+    }
+  };
+
+  return (
+    <div>
+      <InputField
+        label="New Username"
+        type="text"
+        value={newUsername}
+        onChange={handleChange}
+      />
+    </div>
+  );
+}
+
+export default ChangeUsername;

From cbb62438c8790fb7fa478804b99112adb9113100 Mon Sep 17 00:00:00 2001
From: pavel Hamawand <pavelhamawand@gmail.com>
Date: Tue, 19 Mar 2024 03:40:17 +0100
Subject: [PATCH 4/4] implementing AdminChangeUsername

---
 frontend/src/Pages/AdminPages/AdminChangeUsername.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/Pages/AdminPages/AdminChangeUsername.tsx b/frontend/src/Pages/AdminPages/AdminChangeUsername.tsx
index 7eb2e2e..b130fae 100644
--- a/frontend/src/Pages/AdminPages/AdminChangeUsername.tsx
+++ b/frontend/src/Pages/AdminPages/AdminChangeUsername.tsx
@@ -1,9 +1,14 @@
 import BackButton from "../../Components/BackButton";
 import BasicWindow from "../../Components/BasicWindow";
 import Button from "../../Components/Button";
+import ChangeUsername from "../../Components/ChangeUsername";
 
 function AdminChangeUsername(): JSX.Element {
-  const content = <></>;
+  const content = (
+    <>
+      <ChangeUsername />
+    </>
+  );
 
   const buttons = (
     <>