diff --git a/frontend/src/Components/ChangeUsername.tsx b/frontend/src/Components/ChangeUsername.tsx
index 71d5e57..3c35e94 100644
--- a/frontend/src/Components/ChangeUsername.tsx
+++ b/frontend/src/Components/ChangeUsername.tsx
@@ -1,9 +1,5 @@
 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("");
@@ -12,16 +8,16 @@ function ChangeUsername(): JSX.Element {
     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
-    }
-  };
+  // 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>