added rebuild confirmation modal

src/components/subscription_view/SubscriptionViewCom.jsx

@@ -7,6 +7,7 @@ import RouteLinks from '../../RouteLinks';
 import {getSubscriptionsView, updateTemplate, updateCustomTemplate, rebuildTemplate} from '../../services/siteServices'
 import queryKeys from '../../services/queryKeys'
 import getDateTimeFromDateString from '../../helpers/getDateTimeFromDateString';
+import RebuildModal from './RebuildModal';
 
 export default function SubscriptionViewCom() {
 
@@ -14,7 +15,7 @@ export default function SubscriptionViewCom() {
     const {state} = useLocation()
     const navigate = useNavigate()
 
-    const [reqStatus, setReqStatus] = useState({loading: false, type: '', error: false, success: false})
+    const [rebuildStatus, setRebuildStatus] = useState({status: false, data: {}})
 
     const [values, setValues] = useState({custom_id: '', template_uid: ''})
 
@@ -69,6 +70,7 @@ export default function SubscriptionViewCom() {
         },
         onSettled: () => {
             setTimeout(() => {
+                setRebuildStatus({status: false, data: {}})
                 templateRebuild.reset()
             }, 3000)
         }
@@ -175,7 +177,7 @@ export default function SubscriptionViewCom() {
                                     </td>
                                     <td className="px-2">
                                         <div className="text-right">
-                                            <button name='template' onClick={handleRebuildTemplate}
+                                            <button name='template' onClick={()=>setRebuildStatus({status: true, data:{}})}
                                                     className={`rounded-md p-2 bg-primary text-white text-center`}>
                                                 Rebuild
                                             </button>
@@ -238,7 +240,8 @@ export default function SubscriptionViewCom() {
                             </div>
                         </div>
                     </>
-            }
+                }
+                { rebuildStatus?.status && <RebuildModal data={{}} templateRebuild={templateRebuild} proceedFunc={handleRebuildTemplate} closeModal={()=>setRebuildStatus({status: false, data:{}})} />}
         </div>
     )
 }