From a7720363373f41a66bb5b475af5f4454bbb42128 Mon Sep 17 00:00:00 2001
From: mortezaei <mortezaei2324@gmail.com>
Date: Thu, 27 Aug 2026 10:40:39 +0330
Subject: [PATCH] fix header request approved

---
 .../candidate-contact-client.tsx              | 21 ++++++-----
 .../finding-match/finding-match-client.tsx    | 37 ++++++++++---------
 .../request-accepted-client.tsx               |  4 +-
 src/app/request-sent/request-sent-client.tsx  |  6 +--
 4 files changed, 35 insertions(+), 33 deletions(-)

diff --git a/src/app/candidate-contact/candidate-contact-client.tsx b/src/app/candidate-contact/candidate-contact-client.tsx
index d2143b9..c3b56b2 100644
--- a/src/app/candidate-contact/candidate-contact-client.tsx
+++ b/src/app/candidate-contact/candidate-contact-client.tsx
@@ -130,15 +130,15 @@ export default function CandidateContactClient() {
           />
         ) : null}
 
-        <main className="-mx-[17px] flex min-h-screen flex-col px-[23px] pt-[max(12px,calc(var(--safe-top)+4px))] pb-[calc(20px+var(--safe-bottom))]">
-          <PageHeader
-            className="-mx-[6px]"
-            profile={profile}
-            leftButton={
-              isFemale ? { icon: "back", className: "hidden" } : undefined
-            }
-          />
+        <PageHeader
+          profile={profile}
+          sticky
+          leftButton={
+            isFemale ? { icon: "back", className: "hidden" } : undefined
+          }
+        />
 
+        <main className="flex min-h-0 flex-1 flex-col pb-[calc(20px+var(--safe-bottom))]">
           <div className="flex flex-1 flex-col justify-between gap-6 pt-4">
             <section className="flex flex-col items-center">
               {isFinalized ? (
@@ -353,8 +353,9 @@ export default function CandidateContactClient() {
         />
       ) : null}
 
-      <main className="-mx-[17px] flex min-h-screen flex-col px-[17px] pt-[max(12px,calc(var(--safe-top)+4px))] pb-36">
-        <PageHeader profile={profile} />
+      <PageHeader profile={profile} sticky />
+
+      <main className="flex min-h-0 flex-1 flex-col pb-36">
 
         <section className="flex flex-1 items-center justify-center">
           <div className="flex max-w-[300px] flex-col items-center">
diff --git a/src/app/finding-match/finding-match-client.tsx b/src/app/finding-match/finding-match-client.tsx
index e43f671..9a28419 100644
--- a/src/app/finding-match/finding-match-client.tsx
+++ b/src/app/finding-match/finding-match-client.tsx
@@ -93,28 +93,29 @@ export default function FindingMatchClient() {
     <>
       <PageBackground />
 
+      <PageHeader
+        profile={profile}
+        sticky
+        leftButton={{
+          icon: "back",
+          onClick: () => {
+            if (typeof window !== "undefined" && (window as any).HabibApp) {
+              (window as any).HabibApp.postMessage(
+                JSON.stringify({ action: "close_service" }),
+              );
+            } else {
+              router.back();
+            }
+          },
+        }}
+      />
+
       <main
         style={{ paddingBottom: "calc(100px + var(--safe-bottom))" }}
-        className="-mx-[17px] flex min-h-screen flex-col px-[23px] pt-[max(12px,calc(var(--safe-top)+4px))] text-center page-slide-enter"
+        className="flex min-h-0 flex-1 flex-col text-center page-slide-enter"
       >
-        <PageHeader
-          className="-mx-[6px]"
-          profile={profile}
-          leftButton={{
-            icon: "back",
-            onClick: () => {
-              if (typeof window !== "undefined" && (window as any).HabibApp) {
-                (window as any).HabibApp.postMessage(
-                  JSON.stringify({ action: "close_service" }),
-                );
-              } else {
-                router.push(localizePath("/", locale));
-              }
-            },
-          }}
-        />
 
-        <section className="mt-20 flex flex-1 flex-col items-center">
+        <section className="mt-20 flex flex-1 flex-col items-center px-[23px]">
           <div className="relative h-[124px] w-[130px]" aria-hidden="true">
             <Image
               src={matchImageSrc}
diff --git a/src/app/request-accepted/request-accepted-client.tsx b/src/app/request-accepted/request-accepted-client.tsx
index 3a9d3f6..4a4df88 100644
--- a/src/app/request-accepted/request-accepted-client.tsx
+++ b/src/app/request-accepted/request-accepted-client.tsx
@@ -538,9 +538,9 @@ export default function RequestAcceptedClient() {
         />
       ) : null}
 
-      <main className="-mx-[17px] flex min-h-screen flex-col px-[23px] pt-[max(12px,calc(var(--safe-top)+4px))] pb-[calc(20px+var(--safe-bottom))] text-center">
-        <PageHeader className="-mx-[6px]" profile={profile} />
+      <PageHeader profile={profile} sticky />
 
+      <main className="flex min-h-0 flex-1 flex-col pb-[calc(20px+var(--safe-bottom))] text-center">
         <div className="flex flex-1 flex-col justify-between gap-6 pt-4">
           <section className="flex flex-col items-center">
             {isFinalized ? (
diff --git a/src/app/request-sent/request-sent-client.tsx b/src/app/request-sent/request-sent-client.tsx
index 18a58a4..b22b40b 100644
--- a/src/app/request-sent/request-sent-client.tsx
+++ b/src/app/request-sent/request-sent-client.tsx
@@ -86,12 +86,12 @@ export default function RequestSentClient() {
     <>
       <PageBackground />
 
+      <PageHeader profile={profile} sticky />
+
       <main
         style={{ paddingBottom: "calc(40px + var(--safe-bottom))" }}
-        className="-mx-[17px] flex min-h-screen flex-col px-[23px] pt-[max(12px,calc(var(--safe-top)+4px))] text-center"
+        className="flex min-h-0 flex-1 flex-col text-center"
       >
-        <PageHeader className="-mx-[6px]" profile={profile} />
-
         <div className="flex flex-1 flex-col justify-between gap-16 pt-8">
           <section className="flex flex-col items-center">
             {/* Illustration */}