Small example adjustment

dnbexperience · Sep 28, 2024 · 249fbd6 · 249fbd6
1 parent c954f3c
commit 249fbd6
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 16 deletions.
diff --git a/...design-system-portal/src/docs/uilib/extensions/forms/Form/SubmitConfirmation/Examples.tsx b/...design-system-portal/src/docs/uilib/extensions/forms/Form/SubmitConfirmation/Examples.tsx
@@ -121,22 +121,26 @@ export const WithCustomReturnStatus = () => {
                 variant="confirmation"
                 title="Dialog confirmation title"
                 description="Some content describing the situation."
-                alignContent="left"
                 {...connectWithDialog}
               >
                 <Section
                   variant="info"
                   innerSpace={{ top: true, bottom: true }}
                   top
                 >
-                  <Form.Isolation
-                    onChange={console.log}
-                    data={{
-                      foo: submitState ? submitState.customStatus : 'bar',
-                    }}
-                  >
+                  <Flex.Stack>
                     <Field.String label="Inside the dialog" path="/foo" />
-                  </Form.Isolation>
+                    <Form.Isolation
+                      onChange={console.log}
+                      data={{
+                        bar: submitState
+                          ? submitState.customStatus
+                          : 'bar',
+                      }}
+                    >
+                      <Field.String label="Isolated" path="/bar" />
+                    </Form.Isolation>
+                  </Flex.Stack>
                 </Section>
               </Dialog>
             )

diff --git a/...femia/src/extensions/forms/Form/SubmitConfirmation/stories/SubmitConfirmation.stories.tsx b/...femia/src/extensions/forms/Form/SubmitConfirmation/stories/SubmitConfirmation.stories.tsx
@@ -36,7 +36,11 @@ export function SubmitConfirmation() {
             setConfirmationState('readyToBeSubmitted')
           }
         }}
-        renderWithState={({ confirmationState, connectWithDialog }) => {
+        renderWithState={({
+          submitState,
+          confirmationState,
+          connectWithDialog,
+        }) => {
           let content = null
 
           switch (confirmationState) {
@@ -63,13 +67,19 @@ export function SubmitConfirmation() {
                   innerSpace={{ top: true, bottom: true }}
                   top
                 >
-                  <Form.Isolation onChange={console.log}>
-                    <Field.String
-                      label="Inside the dialog"
-                      path="/bar"
-                      defaultValue="bar"
-                    />
-                  </Form.Isolation>
+                  <Flex.Stack>
+                    <Field.String label="Inside the dialog" path="/foo" />
+                    <Form.Isolation
+                      onChange={console.log}
+                      data={{
+                        bar: submitState
+                          ? submitState.customStatus
+                          : 'bar',
+                      }}
+                    >
+                      <Field.String label="Isolated" path="/bar" />
+                    </Form.Isolation>
+                  </Flex.Stack>
                 </Section>
               </Dialog>
             </>