makes submit button not disabled, but shows error message instead if clicked and there are missing signatures

Author: cammiida

src/language/texts/en.ts

@@ -376,6 +376,8 @@ export function en() {
       awaiting_other_signatures_panel_description_not_signing: 'You can submit the form when all parties have signed.',
       awaiting_other_signatures_panel_description_signed:
         'Thank you for signing! You can submit the form when all parties have signed.',
+      awaiting_other_signatures_panel_error_message:
+        'There are missing signatures. You can submit the form when all parties have signed.',
 
       no_action_required_panel_title_has_signed: 'You have signed the form',
       no_action_required_panel_title_not_signed: 'Nothing to sign',

src/language/texts/nb.ts

@@ -376,6 +376,8 @@ export function nb(): FixedLanguageList {
       awaiting_other_signatures_panel_description_not_signing: 'Du kan sende inn skjemaet når alle parter har signert.',
       awaiting_other_signatures_panel_description_signed:
         'Takk for at du signerte! Du kan sende inn skjemaet når alle parter har signert.',
+      awaiting_other_signatures_panel_error_message:
+        'Det mangler signaturer. Du kan sende inn skjemaet når alle parter har signert.',
 
       no_action_required_panel_title_has_signed: 'Du har signert skjemaet',
       no_action_required_panel_title_not_signed: 'Ingenting å signere',

src/language/texts/nn.ts

@@ -377,6 +377,8 @@ export function nn(): FixedLanguageList {
       awaiting_other_signatures_panel_description_not_signing: 'Du kan sende inn skjemaet når alle partar har signert.',
       awaiting_other_signatures_panel_description_signed:
         'Takk for at du signerte! Du kan sende inn skjemaet når alle partar har signert.',
+      awaiting_other_signatures_panel_error_message:
+        'Det manglar signaturar. Du kan sende inn skjemaet når alle partar har signert.',
 
       no_action_required_panel_title_has_signed: 'Du har signert skjemaet',
       no_action_required_panel_title_not_signed: 'Ingenting å signere',

src/layout/SigningStatusPanel/PanelAwaitingCurrentUserSignature.tsx

@@ -50,7 +50,6 @@ export function AwaitingCurrentUserSignaturePanel({
   const signingButtonText = textResourceBindings?.signingButton ?? 'signing.sign_button';
 
   const [confirmReadDocuments, setConfirmReadDocuments] = useState(false);
-  // Set the org number automatically when there's only unsigned party and it is an org
   const [onBehalfOf, setOnBehalfOf] = useState<string | null>(null);
 
   const { data: authorizedOrganizationDetails, isLoading: isApiLoading } = useAuthorizedOrganizationDetails(
@@ -89,7 +88,7 @@ export function AwaitingCurrentUserSignaturePanel({
     },
   });
 
-  // if last party is an org, set the org number automatically
+  // Set the org number automatically when there's only unsigned party and it is an org
   useEffect(() => {
     if (
       unsignedUserSigneeParties.length === 1 &&

src/layout/SigningStatusPanel/PanelAwaitingOtherSignatures.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 
 import { Button } from 'src/app-components/Button/Button';
 import { Lang } from 'src/features/language/Lang';
@@ -13,6 +13,18 @@ type AwaitingOtherSignaturesPanelProps = {
 
 export function AwaitingOtherSignaturesPanel({ node, hasSigned }: AwaitingOtherSignaturesPanelProps) {
   const textResourceBindings = useNodeItem(node, (i) => i.textResourceBindings);
+  const [userTriedToSubmit, setUserTriedToSubmit] = useState<boolean>(false);
+
+  useEffect(() => {
+    if (userTriedToSubmit) {
+      // remove error message after 10 seconds
+      const timer = setTimeout(() => {
+        setUserTriedToSubmit(false);
+      }, 10000);
+
+      return () => clearTimeout(timer);
+    }
+  }, [userTriedToSubmit]);
 
   const heading =
     textResourceBindings?.awaitingOtherSignaturesPanelTitle ?? 'signing.awaiting_other_signatures_panel_title';
@@ -22,18 +34,20 @@ export function AwaitingOtherSignaturesPanel({ node, hasSigned }: AwaitingOtherS
   const descriptionSigned =
     textResourceBindings?.awaitingOtherSignaturesPanelDescriptionSigned ??
     'signing.awaiting_other_signatures_panel_description_signed';
+  const errorMessage = 'signing.awaiting_other_signatures_panel_error_message';
 
   return (
     <SigningPanel
       node={node}
       variant={hasSigned ? 'success' : 'info'}
       heading={<Lang id={heading} />}
       description={<Lang id={hasSigned ? descriptionSigned : descriptionNotSigning} />}
+      errorMessage={userTriedToSubmit ? <Lang id={errorMessage} /> : undefined}
       actionButton={
         <Button
           size='md'
           color='success'
-          disabled
+          onClick={() => setUserTriedToSubmit(true)}
         >
           <Lang id='signing.submit_button' />
         </Button>