From 9fccde8b8d0056549aaeec10dcacd94227914ef4 Mon Sep 17 00:00:00 2001
From: TzeMingHo <tzemingho@gmail.com>
Date: Thu, 11 Jun 2026 11:24:01 +0100
Subject: [PATCH 1/3] fixed profile data-form and submit

---
 front-end/views/profile.mjs | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/front-end/views/profile.mjs b/front-end/views/profile.mjs
index dd2b92af..32be9bdd 100644
--- a/front-end/views/profile.mjs
+++ b/front-end/views/profile.mjs
@@ -1,4 +1,4 @@
-import {renderEach, renderOne, destroy} from "../lib/render.mjs";
+import { renderEach, renderOne, destroy } from "../lib/render.mjs";
 import {
   apiService,
   state,
@@ -7,10 +7,10 @@ import {
   getProfileContainer,
   getTimelineContainer,
 } from "../index.mjs";
-import {createLogin, handleLogin} from "../components/login.mjs";
-import {createLogout, handleLogout} from "../components/logout.mjs";
-import {createProfile, handleFollow} from "../components/profile.mjs";
-import {createBloom} from "../components/bloom.mjs";
+import { createLogin, handleLogin } from "../components/login.mjs";
+import { createLogout, handleLogout } from "../components/logout.mjs";
+import { createProfile, handleFollow } from "../components/profile.mjs";
+import { createBloom } from "../components/bloom.mjs";
 
 // Profile view - just this person's blooms and their profile
 function profileView(username) {
@@ -27,7 +27,7 @@ function profileView(username) {
     state.isLoggedIn,
     getLogoutContainer(),
     "logout-template",
-    createLogout
+    createLogout,
   );
   document
     .querySelector("[data-action='logout']")
@@ -36,11 +36,11 @@ function profileView(username) {
     state.isLoggedIn,
     getLoginContainer(),
     "login-template",
-    createLogin
+    createLogin,
   );
   document
-    .querySelector("[data-action='login']")
-    ?.addEventListener("click", handleLogin);
+    .querySelector("[data-form='login']")
+    ?.addEventListener("submit", handleLogin);
 
   const profileData = state.profiles.find((p) => p.username === username);
   if (profileData) {
@@ -52,15 +52,15 @@ function profileView(username) {
       },
       getProfileContainer(),
       "profile-template",
-      createProfile
+      createProfile,
     );
     renderEach(
       profileData.recent_blooms || [],
       getTimelineContainer(),
       "bloom-template",
-      createBloom
+      createBloom,
     );
   }
 }
 
-export {profileView};
+export { profileView };

From 3a424a50b024b1e76c648001177866e25eb29614 Mon Sep 17 00:00:00 2001
From: TzeMingHo <tzemingho@gmail.com>
Date: Thu, 11 Jun 2026 12:19:10 +0100
Subject: [PATCH 2/3] restoring format

---
 front-end/views/profile.mjs | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/front-end/views/profile.mjs b/front-end/views/profile.mjs
index 32be9bdd..53d44744 100644
--- a/front-end/views/profile.mjs
+++ b/front-end/views/profile.mjs
@@ -1,4 +1,4 @@
-import { renderEach, renderOne, destroy } from "../lib/render.mjs";
+import {renderEach, renderOne, destroy} from "../lib/render.mjs";
 import {
   apiService,
   state,
@@ -7,10 +7,10 @@ import {
   getProfileContainer,
   getTimelineContainer,
 } from "../index.mjs";
-import { createLogin, handleLogin } from "../components/login.mjs";
-import { createLogout, handleLogout } from "../components/logout.mjs";
-import { createProfile, handleFollow } from "../components/profile.mjs";
-import { createBloom } from "../components/bloom.mjs";
+import {createLogin, handleLogin} from "../components/login.mjs";
+import {createLogout, handleLogout} from "../components/logout.mjs";
+import {createProfile, handleFollow} from "../components/profile.mjs";
+import {createBloom} from "../components/bloom.mjs";
 
 // Profile view - just this person's blooms and their profile
 function profileView(username) {
@@ -27,7 +27,7 @@ function profileView(username) {
     state.isLoggedIn,
     getLogoutContainer(),
     "logout-template",
-    createLogout,
+    createLogout
   );
   document
     .querySelector("[data-action='logout']")
@@ -36,10 +36,10 @@ function profileView(username) {
     state.isLoggedIn,
     getLoginContainer(),
     "login-template",
-    createLogin,
+    createLogin
   );
   document
-    .querySelector("[data-form='login']")
+    .querySelector("[data-action='login']")
     ?.addEventListener("submit", handleLogin);
 
   const profileData = state.profiles.find((p) => p.username === username);
@@ -52,15 +52,15 @@ function profileView(username) {
       },
       getProfileContainer(),
       "profile-template",
-      createProfile,
+      createProfile
     );
     renderEach(
       profileData.recent_blooms || [],
       getTimelineContainer(),
       "bloom-template",
-      createBloom,
+      createBloom
     );
   }
 }
 
-export { profileView };
+export {profileView};

From 8cafb97380f6a4066d73a1f014b3c903c4a39d32 Mon Sep 17 00:00:00 2001
From: TzeMingHo <tzemingho@gmail.com>
Date: Thu, 11 Jun 2026 12:20:06 +0100
Subject: [PATCH 3/3] restored format

---
 front-end/views/profile.mjs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/front-end/views/profile.mjs b/front-end/views/profile.mjs
index 53d44744..31139a9f 100644
--- a/front-end/views/profile.mjs
+++ b/front-end/views/profile.mjs
@@ -39,7 +39,7 @@ function profileView(username) {
     createLogin
   );
   document
-    .querySelector("[data-action='login']")
+    .querySelector("[data-form='login']")
     ?.addEventListener("submit", handleLogin);
 
   const profileData = state.profiles.find((p) => p.username === username);