Add retrying text

dnbexperience · Dec 5, 2024 · 04d5860 · 04d5860
1 parent a0972f2
commit 04d5860
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 5 deletions.
diff --git a/packages/dnb-eufemia/src/extensions/forms/Form/Status/Status.tsx b/packages/dnb-eufemia/src/extensions/forms/Form/Status/Status.tsx
@@ -5,7 +5,12 @@ import DataContext from '../../DataContext/Context'
 import { useSharedState } from '../../../../shared/helpers/useSharedState'
 import useMounted from '../../../../shared/helpers/useMounted'
 import setStatus, { Status } from './setStatus'
-import { Button, Flex, Section } from '../../../../components'
+import {
+  Button,
+  Flex,
+  HeightAnimation,
+  Section,
+} from '../../../../components'
 import { HeightAnimationAllProps } from '../../../../components/HeightAnimation'
 import { P } from '../../../../elements'
 import { useTranslation } from '../../hooks'
@@ -37,7 +42,7 @@ function StatusContainer(props: Props) {
 
   const translations = useTranslation()
 
-  const { id } = useContext(DataContext) || {}
+  const { id, formState } = useContext(DataContext) || {}
 
   const { data } = useSharedState<{
     activeStatus?: Status
@@ -120,7 +125,13 @@ function StatusContainer(props: Props) {
       >
         <Flex.Stack gap="large">
           <MainHeading>{title ?? tr.title}</MainHeading>
-          <P>{description ?? tr.description}</P>
+          <HeightAnimation>
+            <P>
+              {formState === 'pending'
+                ? tr.retryingText
+                : description ?? tr.description}
+            </P>
+          </HeightAnimation>
           <Flex.Horizontal>
             <Button variant="secondary" onClick={onCancelHandler}>
               {cancelButton ?? tr.cancelButton}

diff --git a/packages/dnb-eufemia/src/extensions/forms/constants/locales/en-GB.ts b/packages/dnb-eufemia/src/extensions/forms/constants/locales/en-GB.ts
@@ -43,8 +43,9 @@ export default {
     StatusError: {
       title: 'Sorry, something went wrong',
       description: 'Please try again or contact us.',
-      retryButton: 'Try again',
       cancelButton: 'Back',
+      retryButton: 'Try again',
+      retryingText: 'Retrying...',
     },
     SectionViewContainer: {
       editButton: 'Edit',

diff --git a/packages/dnb-eufemia/src/extensions/forms/constants/locales/nb-NO.ts b/packages/dnb-eufemia/src/extensions/forms/constants/locales/nb-NO.ts
@@ -43,8 +43,9 @@ export default {
       title: 'Beklager, noe gikk galt',
       description:
         'Prov igjen eller ta kontakt med oss om feilen vedstår.',
-      retryButton: 'Prøv igjen',
       cancelButton: 'Tilbake',
+      retryButton: 'Prøv igjen',
+      retryingText: 'Prøver på nytt...',
     },
     SectionViewContainer: {
       editButton: 'Endre',