From d8ee87d63303472d5689f8ce37cc6b3501bbf26a Mon Sep 17 00:00:00 2001
From: sylwia-werner <werner.sylwia38@gmail.com>
Date: Thu, 6 Nov 2025 10:49:17 +0100
Subject: [PATCH 01/10] fix: adapt login ui to design

---
 .../molecules/LoginForm/LoginForm.tsx         | 76 ++++++++++++-------
 1 file changed, 48 insertions(+), 28 deletions(-)

diff --git a/src/components/molecules/LoginForm/LoginForm.tsx b/src/components/molecules/LoginForm/LoginForm.tsx
index f0b47b51..283faf63 100644
--- a/src/components/molecules/LoginForm/LoginForm.tsx
+++ b/src/components/molecules/LoginForm/LoginForm.tsx
@@ -14,6 +14,7 @@ import { loginFormSchema, LoginFormData } from "./schema"
 import { useState } from "react"
 import { login } from "@/lib/data/customer"
 import { useRouter } from "next/navigation"
+import Link from "next/link"
 
 export const LoginForm = () => {
   const methods = useForm<LoginFormData>({
@@ -56,36 +57,55 @@ const Form = () => {
 
   return (
     <main className="container">
-      <h1 className="heading-xl text-center uppercase my-6">
-        Log in to your account
-      </h1>
-      <form onSubmit={handleSubmit(submit)}>
-        <div className="w-96 max-w-full mx-auto space-y-4">
-          <LabeledInput
-            label="E-mail"
-            placeholder="Your e-mail address"
-            error={errors.email as FieldError}
-            {...register("email")}
-          />
-          <LabeledInput
-            label="Password"
-            placeholder="Your password"
-            type="password"
-            error={errors.password as FieldError}
-            {...register("password")}
-          />
-          {error && <p className="label-md text-negative">{error}</p>}
-          <Button className="w-full" disabled={isSubmitting}>
-            Log in
+      <div className="max-w-xl w-full mx-auto mt-6 space-y-4">
+        <div className="rounded-sm border p-4">
+          <h1 className="heading-md uppercase mb-8 text-primary">Log in</h1>
+          <form onSubmit={handleSubmit(submit)}>
+            <div className="space-y-4">
+              <LabeledInput
+                label="E-mail"
+                placeholder="Your e-mail address"
+                error={errors.email as FieldError}
+                {...register("email")}
+              />
+              <LabeledInput
+                label="Password"
+                placeholder="Your password"
+                type="password"
+                error={errors.password as FieldError}
+                {...register("password")}
+              />
+            </div>
+
+            <p className="text-right label-md uppercase text-action-on-secondary mt-4 mb-6">
+              Forgot your password?
+            </p>
+
+            <Button className="w-full uppercase" disabled={isSubmitting}>
+              Log in
+            </Button>
+
+            {error && (
+              <p className="label-md text-negative my-4 text-center">{error}</p>
+            )}
+          </form>
+        </div>
+
+        <div className="rounded-sm border p-4">
+          <h2 className="heading-md uppercase mb-4 text-primary">
+            Don&apos;t have an account yet?
+          </h2>
+          <Link href="/user/register">
+
+          <Button
+            variant="tonal"
+            className="w-full flex justify-center mt-8 uppercase"
+          >
+            Create account
           </Button>
-          <p className="text-center label-md">
-            Don&apos;t have an account yet?{" "}
-            <LocalizedClientLink href="/user/register" className="underline">
-              Sign up!
-            </LocalizedClientLink>
-          </p>
+          </Link>
         </div>
-      </form>
+      </div>
     </main>
   )
 }

From cdf05c6df1b9c0337ade98239cb9db95e2c1b647 Mon Sep 17 00:00:00 2001
From: sylwia-werner <werner.sylwia38@gmail.com>
Date: Thu, 6 Nov 2025 10:49:47 +0100
Subject: [PATCH 02/10] fix: correct heading levels, remove unnecessary
 paragraph

---
 .../molecules/RegisterForm/RegisterForm.tsx   | 22 +++++++++----------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/components/molecules/RegisterForm/RegisterForm.tsx b/src/components/molecules/RegisterForm/RegisterForm.tsx
index 2f456118..a8498425 100644
--- a/src/components/molecules/RegisterForm/RegisterForm.tsx
+++ b/src/components/molecules/RegisterForm/RegisterForm.tsx
@@ -129,19 +129,17 @@ const Form = () => {
         </form>
       </Container>
       <Container className="border max-w-xl mx-auto mt-8 p-4">
-        <h1 className="heading-md text-primary uppercase mb-8">
+        <h2 className="heading-md text-primary uppercase mb-8">
           Already have an account?
-        </h1>
-        <p className="text-center label-md">
-          <Link href="/user">
-            <Button
-              variant="tonal"
-              className="w-full flex justify-center mt-8 uppercase"
-            >
-              Log in
-            </Button>
-          </Link>
-        </p>
+        </h2>
+        <Link href="/user">
+          <Button
+            variant="tonal"
+            className="w-full flex justify-center mt-8 uppercase"
+          >
+            Log in
+          </Button>
+        </Link>
       </Container>
     </main>
   )

From 5aaa6beb3dacd511cc60107ca3ab25611b28bd13 Mon Sep 17 00:00:00 2001
From: sylwia-werner <werner.sylwia38@gmail.com>
Date: Thu, 6 Nov 2025 12:52:36 +0100
Subject: [PATCH 03/10] fix: comment not functional link

---
 .../molecules/LoginForm/LoginForm.tsx         | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/molecules/LoginForm/LoginForm.tsx b/src/components/molecules/LoginForm/LoginForm.tsx
index 283faf63..fe2a7855 100644
--- a/src/components/molecules/LoginForm/LoginForm.tsx
+++ b/src/components/molecules/LoginForm/LoginForm.tsx
@@ -77,11 +77,12 @@ const Form = () => {
               />
             </div>
 
-            <p className="text-right label-md uppercase text-action-on-secondary mt-4 mb-6">
+            {/* TODO: Add forgot password link when forgot password page is implemented */}
+            {/* <Link href="/user/forgot-password" className="block text-right label-md uppercase text-action-on-secondary mt-4">
               Forgot your password?
-            </p>
+            </Link> */}
 
-            <Button className="w-full uppercase" disabled={isSubmitting}>
+            <Button className="w-full uppercase mt-8" disabled={isSubmitting}>
               Log in
             </Button>
 
@@ -96,13 +97,12 @@ const Form = () => {
             Don&apos;t have an account yet?
           </h2>
           <Link href="/user/register">
-
-          <Button
-            variant="tonal"
-            className="w-full flex justify-center mt-8 uppercase"
-          >
-            Create account
-          </Button>
+            <Button
+              variant="tonal"
+              className="w-full flex justify-center mt-8 uppercase"
+            >
+              Create account
+            </Button>
           </Link>
         </div>
       </div>

From 72f1cb1974dd90ea4ded6015fcc3ad6243ca44f7 Mon Sep 17 00:00:00 2001
From: sylwia-werner <werner.sylwia38@gmail.com>
Date: Thu, 6 Nov 2025 17:47:11 +0100
Subject: [PATCH 04/10] feat: add forgot password page

---
 .../(main)/user/forgot-password/page.tsx      | 16 ++++
 .../ForgotPasswordForm/ForgotPasswordForm.tsx | 96 +++++++++++++++++++
 .../molecules/ForgotPasswordForm/schema.ts    |  7 ++
 .../molecules/LoginForm/LoginForm.tsx         |  5 +-
 4 files changed, 121 insertions(+), 3 deletions(-)
 create mode 100644 src/app/[locale]/(main)/user/forgot-password/page.tsx
 create mode 100644 src/components/molecules/ForgotPasswordForm/ForgotPasswordForm.tsx
 create mode 100644 src/components/molecules/ForgotPasswordForm/schema.ts

diff --git a/src/app/[locale]/(main)/user/forgot-password/page.tsx b/src/app/[locale]/(main)/user/forgot-password/page.tsx
new file mode 100644
index 00000000..8f587156
--- /dev/null
+++ b/src/app/[locale]/(main)/user/forgot-password/page.tsx
@@ -0,0 +1,16 @@
+import { ForgotPasswordForm } from "@/components/molecules/ForgotPasswordForm/ForgotPasswordForm"
+import { Metadata } from "next"
+
+export const metadata: Metadata = {
+  title: "Forgot password",
+  description: "Create a new password",
+}
+
+export default function ForgotPasswordPage() {
+
+  return (
+    <main className="container">
+      <ForgotPasswordForm />
+    </main>
+  )
+}
diff --git a/src/components/molecules/ForgotPasswordForm/ForgotPasswordForm.tsx b/src/components/molecules/ForgotPasswordForm/ForgotPasswordForm.tsx
new file mode 100644
index 00000000..135a81e3
--- /dev/null
+++ b/src/components/molecules/ForgotPasswordForm/ForgotPasswordForm.tsx
@@ -0,0 +1,96 @@
+"use client"
+import {
+  FieldError,
+  FormProvider,
+  useForm,
+  useFormContext,
+} from "react-hook-form"
+import { Button } from "@/components/atoms"
+import { zodResolver } from "@hookform/resolvers/zod"
+import { LabeledInput } from "@/components/cells"
+import { forgotPasswordSchema, ForgotPasswordFormData } from "./schema"
+import { useState } from "react"
+import { sendResetPasswordEmail } from "@/lib/data/customer"
+import { toast } from "@/lib/helpers/toast"
+import Link from "next/link"
+import { FetchError } from "@medusajs/js-sdk"
+
+export const ForgotPasswordForm = () => {
+  const methods = useForm<ForgotPasswordFormData>({
+    resolver: zodResolver(forgotPasswordSchema),
+    defaultValues: {
+      email: "",
+    },
+  })
+
+  return (
+    <FormProvider {...methods}>
+      <Form />
+    </FormProvider>
+  )
+}
+
+const Form = () => {
+  const [error, setError] = useState("")
+  const {
+    handleSubmit,
+    register,
+    formState: { errors, isSubmitting },
+    reset,
+  } = useFormContext<ForgotPasswordFormData>()
+
+  const submit = async (data: ForgotPasswordFormData) => {
+    if (!data.email) return
+
+    const result = await sendResetPasswordEmail(data.email)
+
+    if (!result.success) {
+      setError(result.error || "An error occurred. Please try again.")
+      return
+    }
+
+    setError("")
+    reset({ email: "" })
+
+    toast.success({
+      title: `A password reset has been requested for ${data.email}. Check your inbox and spam folder. Remember, the link is only active for one hour.`,
+    })
+  }
+
+  return (
+    <div className="max-w-xl w-full mx-auto mt-6 space-y-4 rounded-sm border p-4">
+      <h1 className="heading-md uppercase my-0 mb-2">Forgot your password?</h1>
+      <p className="text-md">
+        Enter the email you used to sign up and we’ll send you a password reset
+        email.
+      </p>
+      <form onSubmit={handleSubmit(submit)}>
+        <div className="space-y-4">
+          <LabeledInput
+            label="E-mail"
+            placeholder="Your e-mail address"
+            error={errors.email as FieldError}
+            {...register("email")}
+          />
+          
+          {error && <p className="label-md text-negative">{error}</p>}
+        </div>
+
+        <div className="space-y-4 mt-8">
+          <Button className="w-full uppercase" disabled={isSubmitting}>
+            Reset Password
+          </Button>
+
+          <Link href="/user" className="flex">
+            <Button
+              variant="tonal"
+              className="w-full flex justify-center uppercase"
+            >
+              Back to log in
+            </Button>
+          </Link>
+        </div>
+      </form>
+    </div>
+  )
+}
diff --git a/src/components/molecules/ForgotPasswordForm/schema.ts b/src/components/molecules/ForgotPasswordForm/schema.ts
new file mode 100644
index 00000000..144057ce
--- /dev/null
+++ b/src/components/molecules/ForgotPasswordForm/schema.ts
@@ -0,0 +1,7 @@
+import { z } from "zod"
+
+export const forgotPasswordSchema = z.object({
+  email: z.string().nonempty("Please enter email").email("Please enter a valid email"),
+})
+
+export type ForgotPasswordFormData = z.infer<typeof forgotPasswordSchema>
diff --git a/src/components/molecules/LoginForm/LoginForm.tsx b/src/components/molecules/LoginForm/LoginForm.tsx
index fe2a7855..993b1b79 100644
--- a/src/components/molecules/LoginForm/LoginForm.tsx
+++ b/src/components/molecules/LoginForm/LoginForm.tsx
@@ -77,10 +77,9 @@ const Form = () => {
               />
             </div>
 
-            {/* TODO: Add forgot password link when forgot password page is implemented */}
-            {/* <Link href="/user/forgot-password" className="block text-right label-md uppercase text-action-on-secondary mt-4">
+            <Link href="/user/forgot-password" className="block text-right label-md uppercase text-action-on-secondary mt-4">
               Forgot your password?
-            </Link> */}
+            </Link>
 
             <Button className="w-full uppercase mt-8" disabled={isSubmitting}>
               Log in

From 2293fa042e7433f35438b13541f67fa3dc66f3a3 Mon Sep 17 00:00:00 2001
From: sylwia-werner <werner.sylwia38@gmail.com>
Date: Thu, 6 Nov 2025 17:47:31 +0100
Subject: [PATCH 05/10] fix: order confirmed section metadata typo

---
 src/app/[locale]/(main)/order/[id]/confirmed/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/[locale]/(main)/order/[id]/confirmed/page.tsx b/src/app/[locale]/(main)/order/[id]/confirmed/page.tsx
index f6d8ad38..0a88a0d1 100644
--- a/src/app/[locale]/(main)/order/[id]/confirmed/page.tsx
+++ b/src/app/[locale]/(main)/order/[id]/confirmed/page.tsx
@@ -8,7 +8,7 @@ type Props = {
 }
 export const metadata: Metadata = {
   title: "Order Confirmed",
-  description: "You purchase was successful",
+  description: "Your purchase was successful",
 }
 
 export default async function OrderConfirmedPage(props: Props) {

From 4079a7890b92531e33dc2dadf7b3d8d801cf5b38 Mon Sep 17 00:00:00 2001
From: sylwia-werner <werner.sylwia38@gmail.com>
Date: Thu, 6 Nov 2025 17:48:02 +0100
Subject: [PATCH 06/10] fix: correct custom sonner toast component styles

---
 .../ProfilePasswordForm/ProfilePasswordForm.tsx  |  5 ++---
 src/lib/helpers/{toast.ts => toast.tsx}          | 16 ++++++++++++++--
 2 files changed, 16 insertions(+), 5 deletions(-)
 rename src/lib/helpers/{toast.ts => toast.tsx} (56%)

diff --git a/src/components/molecules/ProfilePasswordForm/ProfilePasswordForm.tsx b/src/components/molecules/ProfilePasswordForm/ProfilePasswordForm.tsx
index 3a702a1a..c1382d50 100644
--- a/src/components/molecules/ProfilePasswordForm/ProfilePasswordForm.tsx
+++ b/src/components/molecules/ProfilePasswordForm/ProfilePasswordForm.tsx
@@ -1,9 +1,8 @@
 "use client"
 
-import { Button, Card } from "@/components/atoms"
+import { Button } from "@/components/atoms"
 import { LabeledInput } from "@/components/cells"
 import { zodResolver } from "@hookform/resolvers/zod"
-import { CheckCircle } from "@medusajs/icons"
 import {
   FieldError,
   FieldValues,
@@ -13,7 +12,7 @@ import {
   UseFormReturn,
 } from "react-hook-form"
 import { ProfilePasswordFormData, profilePasswordSchema } from "./schema"
-import { useEffect, useState } from "react"
+import { useState } from "react"
 import { updateCustomerPassword } from "@/lib/data/customer"
 import { Heading, toast } from "@medusajs/ui"
 import LocalizedClientLink from "../LocalizedLink/LocalizedLink"
diff --git a/src/lib/helpers/toast.ts b/src/lib/helpers/toast.tsx
similarity index 56%
rename from src/lib/helpers/toast.ts
rename to src/lib/helpers/toast.tsx
index 3c1c5bee..b23490c3 100644
--- a/src/lib/helpers/toast.ts
+++ b/src/lib/helpers/toast.tsx
@@ -1,3 +1,4 @@
+import { DoneIcon, ErrorIcon } from "@/icons";
 import { toast as sonnerToast } from "sonner"
 
 export const toast = {
@@ -15,14 +16,25 @@ export const toast = {
     title: string
   }) => {
     sonnerToast.success(title, {
-      className: "bg-green-100 text-green-900",
       description,
+      duration: 10000,
+      icon: <DoneIcon color="rgb(20, 83, 45)"/>,
+      classNames: {
+        icon: "self-start pt-2",
+        toast: "items-start gap-3",
+        title: "text-md text-primary",
+      },
     })
   },
   error: ({ description, title }: { description?: string; title: string }) => {
     sonnerToast.error(title, {
-      className: "bg-red-100 text-red-900",
       description,
+      icon: <ErrorIcon color="rgb(155, 34, 25)" />,
+      classNames: {
+        icon: "self-start pt-2",
+        toast: "items-start gap-3",
+        title: "text-md text-primary"
+      }
     })
   },
 }

From 4d2a47b72888e86e18f014e8222e3768a8ea8eac Mon Sep 17 00:00:00 2001
From: sylwia-werner <werner.sylwia38@gmail.com>
Date: Sat, 8 Nov 2025 14:51:09 +0100
Subject: [PATCH 07/10] fix: change validation ui

---
 .../cells/LabeledInput/LabeledInput.tsx       |  2 +-
 .../molecules/LoginForm/LoginForm.tsx         | 35 ++++++++++++-------
 2 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/src/components/cells/LabeledInput/LabeledInput.tsx b/src/components/cells/LabeledInput/LabeledInput.tsx
index d8be642d..cd524825 100644
--- a/src/components/cells/LabeledInput/LabeledInput.tsx
+++ b/src/components/cells/LabeledInput/LabeledInput.tsx
@@ -16,7 +16,7 @@ export const LabeledInput = ({
 }: LabeledInputProps) => (
   <label className={cn("label-sm block", className)}>
     <p className={cn(error && "text-negative")}>{label}</p>
-    <Input className={cn(error && "border-negative")} {...props} />
+    <Input error={!!error} {...props} />
     {error && <p className="label-sm text-negative">{error.message}</p>}
   </label>
 )
diff --git a/src/components/molecules/LoginForm/LoginForm.tsx b/src/components/molecules/LoginForm/LoginForm.tsx
index 993b1b79..abfb5b72 100644
--- a/src/components/molecules/LoginForm/LoginForm.tsx
+++ b/src/components/molecules/LoginForm/LoginForm.tsx
@@ -15,6 +15,7 @@ import { useState } from "react"
 import { login } from "@/lib/data/customer"
 import { useRouter } from "next/navigation"
 import Link from "next/link"
+import { toast } from "@/lib/helpers/toast"
 
 export const LoginForm = () => {
   const methods = useForm<LoginFormData>({
@@ -33,7 +34,7 @@ export const LoginForm = () => {
 }
 
 const Form = () => {
-  const [error, setError] = useState("")
+  const [error, setError] = useState(false);
   const {
     handleSubmit,
     register,
@@ -48,13 +49,18 @@ const Form = () => {
 
     const res = await login(formData)
     if (res) {
-      setError(res)
+      setError(true);
+      toast.error({ title: res || "An error occurred. Please try again." })
       return
     }
-    setError("")
+    setError(false);
     router.push("/user")
   }
 
+  const clearApiError = () => {
+    error && setError(false);
+  }
+
   return (
     <main className="container">
       <div className="max-w-xl w-full mx-auto mt-6 space-y-4">
@@ -65,29 +71,32 @@ const Form = () => {
               <LabeledInput
                 label="E-mail"
                 placeholder="Your e-mail address"
-                error={errors.email as FieldError}
-                {...register("email")}
+                error={(errors.email as FieldError) || (error ? { message: '' } as FieldError : undefined)}
+                {...register("email", {
+                  onChange: clearApiError
+                })}
               />
               <LabeledInput
                 label="Password"
                 placeholder="Your password"
                 type="password"
-                error={errors.password as FieldError}
-                {...register("password")}
+                error={(errors.password as FieldError) || (error ? { message: '' } as FieldError : undefined)}
+                {...register("password", {
+                  onChange: clearApiError
+                })}
               />
             </div>
 
-            <Link href="/user/forgot-password" className="block text-right label-md uppercase text-action-on-secondary mt-4">
+            <Link
+              href="/user/forgot-password"
+              className="block text-right label-md uppercase text-action-on-secondary mt-4"
+            >
               Forgot your password?
             </Link>
 
             <Button className="w-full uppercase mt-8" disabled={isSubmitting}>
               Log in
             </Button>
-
-            {error && (
-              <p className="label-md text-negative my-4 text-center">{error}</p>
-            )}
           </form>
         </div>
 
@@ -107,4 +116,4 @@ const Form = () => {
       </div>
     </main>
   )
-}
+}
\ No newline at end of file

From 8bf6ad2a1c7bd7e375c8bef897f40fb4dd83cbad Mon Sep 17 00:00:00 2001
From: sylwia-werner <werner.sylwia38@gmail.com>
Date: Sat, 8 Nov 2025 15:09:56 +0100
Subject: [PATCH 08/10] fix: update logic to handle credentials error correctly

---
 .../molecules/LoginForm/LoginForm.tsx         | 20 ++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/components/molecules/LoginForm/LoginForm.tsx b/src/components/molecules/LoginForm/LoginForm.tsx
index abfb5b72..1f730ba1 100644
--- a/src/components/molecules/LoginForm/LoginForm.tsx
+++ b/src/components/molecules/LoginForm/LoginForm.tsx
@@ -8,7 +8,6 @@ import {
 } from "react-hook-form"
 import { Button } from "@/components/atoms"
 import { zodResolver } from "@hookform/resolvers/zod"
-import LocalizedClientLink from "@/components/molecules/LocalizedLink/LocalizedLink"
 import { LabeledInput } from "@/components/cells"
 import { loginFormSchema, LoginFormData } from "./schema"
 import { useState } from "react"
@@ -34,7 +33,7 @@ export const LoginForm = () => {
 }
 
 const Form = () => {
-  const [error, setError] = useState(false);
+  const [isAuthError, setIsAuthError] = useState(false);
   const {
     handleSubmit,
     register,
@@ -49,16 +48,23 @@ const Form = () => {
 
     const res = await login(formData)
     if (res) {
-      setError(true);
+      // Temporary solution. API returns 200 code in case of auth error. To change when API is updated.
+      const isCredentialsError = 
+        res.toLowerCase().includes("invalid email or password") ||
+        res.toLowerCase().includes("unauthorized") ||
+        res.toLowerCase().includes("incorrect") ||
+        res.toLowerCase().includes("credentials");
+      
+      setIsAuthError(isCredentialsError);
       toast.error({ title: res || "An error occurred. Please try again." })
       return
     }
-    setError(false);
+    setIsAuthError(false);
     router.push("/user")
   }
 
   const clearApiError = () => {
-    error && setError(false);
+    isAuthError && setIsAuthError(false);
   }
 
   return (
@@ -71,7 +77,7 @@ const Form = () => {
               <LabeledInput
                 label="E-mail"
                 placeholder="Your e-mail address"
-                error={(errors.email as FieldError) || (error ? { message: '' } as FieldError : undefined)}
+                error={(errors.email as FieldError) || (isAuthError ? { message: '' } as FieldError : undefined)}
                 {...register("email", {
                   onChange: clearApiError
                 })}
@@ -80,7 +86,7 @@ const Form = () => {
                 label="Password"
                 placeholder="Your password"
                 type="password"
-                error={(errors.password as FieldError) || (error ? { message: '' } as FieldError : undefined)}
+                error={(errors.password as FieldError) || (isAuthError ? { message: '' } as FieldError : undefined)}
                 {...register("password", {
                   onChange: clearApiError
                 })}

From e6e08cac162e78e7ebe6cb3cf4abe8aedfb33bd3 Mon Sep 17 00:00:00 2001
From: sylwia-werner <werner.sylwia38@gmail.com>
Date: Sat, 8 Nov 2025 15:10:17 +0100
Subject: [PATCH 09/10] fix: show error toast on api validation

---
 .../molecules/ForgotPasswordForm/ForgotPasswordForm.tsx     | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/components/molecules/ForgotPasswordForm/ForgotPasswordForm.tsx b/src/components/molecules/ForgotPasswordForm/ForgotPasswordForm.tsx
index 135a81e3..61bc3ee6 100644
--- a/src/components/molecules/ForgotPasswordForm/ForgotPasswordForm.tsx
+++ b/src/components/molecules/ForgotPasswordForm/ForgotPasswordForm.tsx
@@ -31,7 +31,6 @@ export const ForgotPasswordForm = () => {
 }
 
 const Form = () => {
-  const [error, setError] = useState("")
   const {
     handleSubmit,
     register,
@@ -45,11 +44,10 @@ const Form = () => {
     const result = await sendResetPasswordEmail(data.email)
 
     if (!result.success) {
-      setError(result.error || "An error occurred. Please try again.")
+      toast.error({ title: result.error || "An error occurred. Please try again." })
       return
     }
 
-    setError("")
     reset({ email: "" })
 
     toast.success({
@@ -72,8 +70,6 @@ const Form = () => {
             error={errors.email as FieldError}
             {...register("email")}
           />
-          
-          {error && <p className="label-md text-negative">{error}</p>}
         </div>
 
         <div className="space-y-4 mt-8">

From 5f4029f2d7393c7be83390c002df73b5930ee75c Mon Sep 17 00:00:00 2001
From: sylwia-werner <werner.sylwia38@gmail.com>
Date: Mon, 17 Nov 2025 12:23:50 +0100
Subject: [PATCH 10/10] fix: PR fixes

---
 .../molecules/ForgotPasswordForm/ForgotPasswordForm.tsx       | 4 +---
 src/components/molecules/LoginForm/schema.ts                  | 2 +-
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/molecules/ForgotPasswordForm/ForgotPasswordForm.tsx b/src/components/molecules/ForgotPasswordForm/ForgotPasswordForm.tsx
index 61bc3ee6..75e1e1f4 100644
--- a/src/components/molecules/ForgotPasswordForm/ForgotPasswordForm.tsx
+++ b/src/components/molecules/ForgotPasswordForm/ForgotPasswordForm.tsx
@@ -9,11 +9,9 @@ import { Button } from "@/components/atoms"
 import { zodResolver } from "@hookform/resolvers/zod"
 import { LabeledInput } from "@/components/cells"
 import { forgotPasswordSchema, ForgotPasswordFormData } from "./schema"
-import { useState } from "react"
 import { sendResetPasswordEmail } from "@/lib/data/customer"
 import { toast } from "@/lib/helpers/toast"
 import Link from "next/link"
-import { FetchError } from "@medusajs/js-sdk"
 
 export const ForgotPasswordForm = () => {
   const methods = useForm<ForgotPasswordFormData>({
@@ -57,7 +55,7 @@ const Form = () => {
 
   return (
     <div className="max-w-xl w-full mx-auto mt-6 space-y-4 rounded-sm border p-4">
-      <h1 className="heading-md uppercase my-0 mb-2">Forgot your password?</h1>
+      <h1 className="heading-md uppercase my-0 mb-2 text-primary">Forgot your password?</h1>
       <p className="text-md">
         Enter the email you used to sign up and we’ll send you a password reset
         email.
diff --git a/src/components/molecules/LoginForm/schema.ts b/src/components/molecules/LoginForm/schema.ts
index e5f56675..4de5c439 100644
--- a/src/components/molecules/LoginForm/schema.ts
+++ b/src/components/molecules/LoginForm/schema.ts
@@ -1,7 +1,7 @@
 import { z } from "zod"
 
 export const loginFormSchema = z.object({
-  email: z.string().nonempty("Please enter email").email("Invalid email"),
+  email: z.string().nonempty("Please enter email").email("Please enter a valid email"),
   password: z.string().nonempty("Please enter password"),
 })