fix(striker-ui): add prop to control show cancel button in dialog actions

striker-ui/components/Dialog/DialogActionGroup.tsx

@@ -20,6 +20,7 @@ const DialogActionGroup: FC<DialogActionGroupProps> = (props) => {
     onProceed = handleAction,
     proceedColour,
     proceedProps,
+    showCancel = true,
     // Dependents
     cancelChildren = cancelProps?.children,
     proceedChildren = proceedProps?.children,
@@ -61,26 +62,26 @@ const DialogActionGroup: FC<DialogActionGroupProps> = (props) => {
     [closeOnProceed, dialogContext, onProceed, proceedProps?.onClick],
   );
 
-  const actions = useMemo(
+  const actions = useMemo(() => {
-    () => (
+    const acts: ContainedButtonProps[] = [
-      <ActionGroup
-        actions={[
-          {
-            ...cancelProps,
-            children: cancelChildren,
-            onClick: cancelHandler,
-          },
       {
         background: proceedColour,
         ...proceedProps,
         children: proceedChildren,
         onClick: proceedHandler,
       },
-        ]}
+    ];
-        loading={loading}
+
-      />
+    if (showCancel) {
-    ),
+      acts.unshift({
-    [
+        ...cancelProps,
+        children: cancelChildren,
+        onClick: cancelHandler,
+      });
+    }
+
+    return <ActionGroup actions={acts} loading={loading} />;
+  }, [
     cancelChildren,
     cancelHandler,
     cancelProps,
@@ -89,8 +90,8 @@ const DialogActionGroup: FC<DialogActionGroupProps> = (props) => {
     proceedColour,
     proceedHandler,
     proceedProps,
-    ],
+    showCancel,
-  );
+  ]);
 
   return actions;
 };

striker-ui/types/Dialog.d.ts

@@ -31,6 +31,7 @@ type DialogActionGroupOptionalProps = {
   proceedChildren?: ContainedButtonProps['children'];
   proceedColour?: ContainedButtonProps['background'];
   proceedProps?: Partial<ContainedButtonProps>;
+  showCancel?: boolean;
 };
 
 type DialogActionGroupProps = DialogActionGroupOptionalProps;