Modal exposing loadingMessage and error

Author: Nemobot

Diff for: src/Modal/createModal.tsx

@@ -26,6 +26,8 @@ export type ModalProps = {
   onClose: () => void;
   closeButtonLabel?: LocalizedString;
   isDestructive?: boolean;
+  loadingMessage?: ActionsProps["loadingMessage"];
+  error?: ActionsProps["error"];
 };
 
 type ModalConfig = {
@@ -106,6 +108,8 @@ export function createModal(
                   }
                   secondaryAction={props.secondaryAction}
                   size="large"
+                  loadingMessage={props.loadingMessage}
+                  error={props.error}
                 />
               </Inset>
             </Box>

Diff for: stories/Components/Modal.stories.tsx

@@ -35,6 +35,19 @@ export const WithActions = createStory({
   },
 });
 
+export const WithError = createStory({
+  children: [<Placeholder />],
+  primaryAction: {
+    label: formatMessage("Create"),
+    onPress: action("Create"),
+  },
+  secondaryAction: {
+    label: formatMessage("Cancel"),
+    onPress: action("Cancel"),
+  },
+  error: formatMessage("Something went wrong"),
+});
+
 export const Destructive = createStory({
   isDestructive: true,
   title: formatMessage("Delete item"),