Added ActionDialog for dialog with two default action buttons

webapp/i18n/en.json

@@ -446,5 +446,7 @@
   "tutorial_tip.out": "Opt out of these tips.",
   "tutorial_tip.seen": "Seen this before?",
   "statusProperty.configDialog.title": "Edit Statuses",
-  "statusProperty.configDialog.subTitle": "Categorise your status values to represent what each value represents"
+  "statusProperty.configDialog.subTitle": "Categorise your status values to represent what each value represents",
+  "generic.cancel": "Cancel",
+  "generic.save": "Save"
 }

webapp/src/components/standardProperties/statusProperty/categoryConfigrationDialog.scss

@@ -4,7 +4,6 @@
             width: 832px;
             height: 540px;
             padding: 0 32px;
-            padding-bottom: 24px;
         }
     }
 

webapp/src/components/standardProperties/statusProperty/categoryConfigrationDialog.tsx

@@ -12,6 +12,7 @@ import InfoIcon from '../../../widgets/icons/info'
 import Dialog from '../../dialog'
 
 import './categoryConfigrationDialog.scss'
+import ActionDialog from '../../actionDialog/actionDialog'
 
 export type StatusCategory = {
     id: string
@@ -31,7 +32,7 @@ const StatusPropertyConfigrationDialog = (props: Props): JSX.Element => {
         />
     )
     return (
-        <Dialog
+        <ActionDialog
             onClose={props.onClose}
             title={title}
             className='StatusPropertyConfigrationDialog'
@@ -62,7 +63,7 @@ const StatusPropertyConfigrationDialog = (props: Props): JSX.Element => {
                     )
                 })}
             </div>
-        </Dialog>
+        </ActionDialog>
     )
 }
 

webapp/src/widgets/buttons/button.tsx

@@ -5,6 +5,9 @@ import React from 'react'
 import './button.scss'
 import {Utils} from '../../utils'
 
+export type ButtonSize = 'xsmall' | 'small' | 'medium' | 'large'
+export type Emphasis = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'gray' | 'danger' | 'default' | 'link'
+
 type Props = {
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void
     onMouseOver?: (e: React.MouseEvent<HTMLButtonElement>) => void
@@ -16,8 +19,8 @@ type Props = {
     filled?: boolean
     active?: boolean
     submit?: boolean
-    emphasis?: string
-    size?: string
+    emphasis?: Emphasis
+    size?: ButtonSize
     danger?: boolean
     className?: string
     rightIcon?: boolean