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] 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;