Show HR locked toggle warning

Author: ShridharGoel

src/languages/en.ts

@@ -5736,6 +5736,9 @@ const translations = {
                 description: 'Are you sure you want to disconnect this integration?',
                 confirmText: 'Got it',
             },
+            hrWarningModal: {
+                disconnectText: 'To disable HR, please disconnect Gusto from this workspace first.',
+            },
             workflowWarningModal: {
                 featureEnabledTitle: 'Not so fast...',
                 featureEnabledText:

src/languages/es.ts

@@ -5602,6 +5602,9 @@ ${amount} para ${merchant} - ${date}`,
                 description: '¿Está seguro de que desea desconectar esta integración?',
                 confirmText: 'Entendido',
             },
+            hrWarningModal: {
+                disconnectText: 'Para desactivar HR, primero desconecta Gusto de este espacio de trabajo.',
+            },
             workflowWarningModal: {
                 featureEnabledTitle: 'No tan rápido...',
                 featureEnabledText:

src/pages/workspace/WorkspaceMoreFeaturesPage/index.tsx

@@ -169,6 +169,18 @@ function WorkspaceMoreFeaturesPage({policy, route}: WorkspaceMoreFeaturesPagePro
         });
     };
 
+    const warnDisconnectGustoFirst = async () => {
+        if (!policy?.connections?.gusto) {
+            return;
+        }
+        await showConfirmModal({
+            title: translate('workspace.distanceRates.oopsNotSoFast'),
+            prompt: translate('workspace.moreFeatures.hrWarningModal.disconnectText'),
+            confirmText: translate('common.buttonConfirm'),
+            shouldShowCancelButton: false,
+        });
+    };
+
     const promptDisableExpensifyCardViaConcierge = async () => {
         const {action} = await showConfirmModal({
             title: translate('workspace.moreFeatures.expensifyCard.disableCardTitle'),
@@ -307,6 +319,7 @@ function WorkspaceMoreFeaturesPage({policy, route}: WorkspaceMoreFeaturesPagePro
                                 }
                                 pendingAction={policy?.pendingFields?.isHREnabled}
                                 disabled={!!policy?.connections?.gusto}
+                                disabledAction={warnDisconnectGustoFirst}
                                 onToggle={(isEnabled) => {
                                     if (!policyID) {
                                         return;