From 017cfb36457cbe293360c963f3d66257e5172907 Mon Sep 17 00:00:00 2001
From: Justyn Oh <justynoh@gmail.com>
Date: Wed, 3 Apr 2024 10:10:42 +0800
Subject: [PATCH] ref: genericize EndPageBlock

---
 .../public-form/components/FormEndPage/FormEndPage.tsx    | 2 +-
 .../components/FormEndPage/components/EndPageBlock.tsx    | 8 +++-----
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/frontend/src/features/public-form/components/FormEndPage/FormEndPage.tsx b/frontend/src/features/public-form/components/FormEndPage/FormEndPage.tsx
index f467587122..0be32c2a16 100644
--- a/frontend/src/features/public-form/components/FormEndPage/FormEndPage.tsx
+++ b/frontend/src/features/public-form/components/FormEndPage/FormEndPage.tsx
@@ -44,7 +44,7 @@ export const FormEndPage = ({
             focusOnMount
             {...endPageProps}
             colorTheme={colorTheme}
-            previousSubmissionId={previousSubmissionId}
+            isButtonHidden={!!previousSubmissionId}
           />
           {isFeedbackSectionHidden ? null : (
             <FeedbackBlock
diff --git a/frontend/src/features/public-form/components/FormEndPage/components/EndPageBlock.tsx b/frontend/src/features/public-form/components/FormEndPage/components/EndPageBlock.tsx
index e982261a76..d141ce524b 100644
--- a/frontend/src/features/public-form/components/FormEndPage/components/EndPageBlock.tsx
+++ b/frontend/src/features/public-form/components/FormEndPage/components/EndPageBlock.tsx
@@ -16,7 +16,7 @@ export interface EndPageBlockProps {
   submissionData: SubmissionData
   colorTheme?: FormColorTheme
   focusOnMount?: boolean
-  previousSubmissionId?: string
+  isButtonHidden?: boolean
 }
 
 export const EndPageBlock = ({
@@ -25,7 +25,7 @@ export const EndPageBlock = ({
   submissionData,
   colorTheme = FormColorTheme.Blue,
   focusOnMount,
-  previousSubmissionId,
+  isButtonHidden,
 }: EndPageBlockProps): JSX.Element => {
   const focusRef = useRef<HTMLDivElement>(null)
   useEffect(() => {
@@ -55,8 +55,6 @@ export const EndPageBlock = ({
     return 'You have successfully submitted your response.'
   }, [formTitle])
 
-  const disableSubmitResponseButton = !!previousSubmissionId //disable for MRF 2nd respondent onwards
-
   return (
     <>
       <Box ref={focusRef}>
@@ -84,7 +82,7 @@ export const EndPageBlock = ({
           </Text>
         </Box>
         <Box mt="2.25rem">
-          {disableSubmitResponseButton || (
+          {isButtonHidden || (
             <Button
               as="a"
               href={endPage.buttonLink || window.location.href}