fix page

src/app/candidate-contact/candidate-contact-client.tsx

@@ -311,10 +311,11 @@ export default function CandidateContactClient() {
           onClose={closeAdvisors}
         />
 
-        <MatchProfileOverlay
-          open={isProfileOpen}
-          onClose={closeProfile}
-        />
+      <MatchProfileOverlay
+        open={isProfileOpen}
+        profile={profile}
+        onClose={closeProfile}
+      />
       </>
     );
   }
@@ -405,6 +406,7 @@ export default function CandidateContactClient() {
 
       <MatchProfileOverlay
         open={isProfileOpen}
+        profile={profile}
         onClose={closeProfile}
       />
     </>

src/app/new-match/new-match-client.tsx

@@ -1144,7 +1144,11 @@ export default function NewMatchClient() {
 
       <MarriageAdvisorsOverlay open={isAdvisorOpen} onClose={closeAdvisors} />
 
-      <MatchProfileOverlay open={isProfileOpen} onClose={closeProfile} />
+      <MatchProfileOverlay
+        open={isProfileOpen}
+        profile={profile}
+        onClose={closeProfile}
+      />
 
       {showPaymentSuccessToast && (
         <ErrorToast

src/app/new-match/profile/page.tsx

@@ -266,10 +266,12 @@ function formatBoldText(text: string) {
 
 type NewMatchProfilePageProps = {
   onClose?: () => void;
+  profile?: MarriageProfile;
 };
 
 export default function NewMatchProfilePage({
   onClose,
+  profile: profileProp,
 }: NewMatchProfilePageProps = {}) {
   const { dictionary: t, locale } = useI18n();
   const router = useRouter();
@@ -280,10 +282,15 @@ export default function NewMatchProfilePage({
   const [isDismissReasonSheetOpen, setIsDismissReasonSheetOpen] =
     useState(false);
   const {
-    data: profile,
-    isLoading,
+    data: queriedProfile,
+    isLoading: isQueryLoading,
     refetch: refetchProfile,
-  } = useMarriageProfileQuery();
+  } = useMarriageProfileQuery({
+    enabled: !profileProp,
+  });
+
+  const profile = profileProp ?? queriedProfile;
+  const isLoading = !profileProp && isQueryLoading;
 
   useEffect(() => {
     if (!profile) {

src/app/request-accepted/request-accepted-client.tsx

@@ -245,9 +245,7 @@ export default function RequestAcceptedClient() {
     useState(false);
   const [showPaymentSuccessToast, setShowPaymentSuccessToast] = useState(false);
   const profileHref = localizePath("/new-match/profile", locale);
-  const { data: profile, isLoading } = useMarriageProfileQuery({
-    refetchInterval: 3000,
-  });
+  const { data: profile, isLoading } = useMarriageProfileQuery();
 
   const isFemaleProfile = profile?.gender === "female";
   const contactSharedAtStr = profile?.active_case?.contact_shared_at;
@@ -839,6 +837,7 @@ export default function RequestAcceptedClient() {
 
       <MatchProfileOverlay
         open={isProfileOpen}
+        profile={profile}
         onClose={closeProfile}
       />
 

src/app/request-sent/request-sent-client.tsx

@@ -171,6 +171,7 @@ export default function RequestSentClient() {
 
       <MatchProfileOverlay
         open={isProfileOpen}
+        profile={profile}
         onClose={closeProfile}
       />
     </>

src/components/Componentes/match-profile-overlay.tsx

@@ -4,10 +4,12 @@ import { useCallback, useEffect, useState } from "react";
 import NewMatchProfilePage from "@/app/new-match/profile/page";
 import SectionOverlayHost from "@/components/Componentes/section-overlay-host";
 import { useHardwareBackHandler } from "@/hooks/use-hardware-back-handler";
+import type { MarriageProfile } from "@/hooks/marriage/types";
 
 export type MatchProfileOverlayProps = {
   open: boolean;
   onClose: () => void;
+  profile?: MarriageProfile;
 };
 
 /**
@@ -66,10 +68,11 @@ export function useMatchProfileOverlay() {
 export function MatchProfileOverlay({
   open,
   onClose,
+  profile,
 }: MatchProfileOverlayProps) {
   return (
     <SectionOverlayHost open={open} onClose={onClose}>
-      <NewMatchProfilePage onClose={onClose} />
+      <NewMatchProfilePage onClose={onClose} profile={profile} />
     </SectionOverlayHost>
   );
 }

src/hooks/marriage/use-profile-main.ts

@@ -45,7 +45,7 @@ export function useMarriageProfileQuery<TData = MarriageProfileResponse>(
   options?: QueryOptions<MarriageProfileResponse, TData>,
 ) {
   const query = useQuery({
-    staleTime: 10 * 1000,
+    staleTime: 5 * 60 * 1000,
     refetchOnWindowFocus: false,
     ...options,
     queryFn: getMarriageProfile,