Formatting Fixes

src/frontend/src/components/gradientChooserComponent/index.tsx

@@ -1,13 +1,21 @@
-import { useState } from "react";
 import { gradients } from "../../utils/styleUtils";
 
-
 export default function GradientChooserComponent({ value, onChange }) {
   return (
-        <div className="flex flex-wrap gap-4 justify-center items-center">
+    <div className="flex flex-wrap items-center justify-center gap-4">
-            {gradients.map((gradient, idx) => 
+      {gradients.map((gradient, idx) => (
-            <div onClick={() => {onChange(gradient)}} className={"cursor-pointer w-12 h-12 rounded-full transition-all duration-400 " + gradient + (value === gradient ?  " shadow-lg ring-2 ring-primary" : "")} key={idx}></div>
+        <div
-            )}
+          onClick={() => {
-            </div>
+            onChange(gradient);
-    )
+          }}
+          className={
+            "duration-400 h-12 w-12 cursor-pointer rounded-full transition-all " +
+            gradient +
+            (value === gradient ? " shadow-lg ring-2 ring-primary" : "")
+          }
+          key={idx}
+        ></div>
+      ))}
+    </div>
+  );
 }

src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx

@@ -100,12 +100,10 @@ export default function ExtraSidebar(): JSX.Element {
           <div className="side-bar-button">
             {flow && flow.data && (
               <ApiModal flow={flow}>
-                <button className={"w-full " + (!isBuilt ? "button-disable" : "")}>
+                <button
-                  <div
+                  className={"w-full " + (!isBuilt ? "button-disable" : "")}
-                    className={classNames(
-                      "extra-side-bar-buttons"
-                    )}
                 >
+                  <div className={classNames("extra-side-bar-buttons")}>
                     <IconComponent
                       name="Code2"
                       className={

src/frontend/src/pages/ProfileSettingsPage/index.tsx

@@ -41,7 +41,8 @@ export default function ProfileSettingsPage(): JSX.Element {
     }
     try {
       if (password !== "") await resetPassword(userData!.id, { password });
-      if(gradient !== "") await updateUser(userData!.id, { profile_image: gradient });
+      if (gradient !== "")
+        await updateUser(userData!.id, { profile_image: gradient });
       if (gradient !== "") {
         let newUserData = cloneDeep(userData);
         newUserData!.profile_image = gradient;
@@ -52,7 +53,10 @@ export default function ProfileSettingsPage(): JSX.Element {
       handleInput({ target: { name: "cnfPassword", value: "" } });
       setSuccessData({ title: "Changes saved successfully!" });
     } catch (error) {
-      setErrorData({ title: "Error saving changes", list: [(error as any).response.data.detail] });
+      setErrorData({
+        title: "Error saving changes",
+        list: [(error as any).response.data.detail],
+      });
     }
   }
 

src/frontend/src/types/api/index.ts

@@ -84,12 +84,12 @@ export type changeUser = {
   is_superuser?: boolean;
   password?: string;
   profile_image?: string;
-}
+};
 
 export type resetPasswordType = {
   password?: string;
   profile_image?: string;
-}
+};
 
 export type Users = {
   id: string;