luisgulo/focalboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Added ActionDialog for dialog with two default action buttons

Browse source
This commit is contained in:
Harshil Sharma 2023-01-19 15:11:02 +05:30
parent a3bb9247f6
commit adcc541cc2
4 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
webapp/i18n/en.json
View file

@ -446,5 +446,7 @@
"tutorial_tip.out": "Opt out of these tips.", "tutorial_tip.out": "Opt out of these tips.",
"tutorial_tip.seen": "Seen this before?", "tutorial_tip.seen": "Seen this before?",
"statusProperty.configDialog.title": "Edit Statuses", "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"
} }

1
webapp/src/components/standardProperties/statusProperty/categoryConfigrationDialog.scss
View file

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

5
webapp/src/components/standardProperties/statusProperty/categoryConfigrationDialog.tsx
View file

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

7
webapp/src/widgets/buttons/button.tsx
View file

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