self-hosted/focalboard
1
0
Fork 0
mirror of https://github.com/mattermost/focalboard.git synced 2025-02-19 19:59:59 +02:00
Code Issues Releases Activity

Removed keyboard shortcut binding for testing status property modal

Browse Source
This commit is contained in:
Harshil Sharma 2023-02-15 17:08:58 +05:30
parent 9c52c2e5c0
commit 57298943bf
1 changed files with 0 additions and 102 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

102
webapp/src/components/centerPanel.tsx
View File

@ -41,14 +41,6 @@ import {UserConfigPatch} from '../user'
import octoClient from '../octoClient'
import CheckIcon from '../widgets/icons/checkIcon'
import ClockOutline from '../widgets/icons/clockOutline'
import BlackCheckboxOutline from '../widgets/icons/blackCheckboxOutline'
import {Constants} from '../constants'
import ShareBoardButton from './shareBoard/shareBoardButton'
import ShareBoardLoginButton from './shareBoard/shareBoardLoginButton'
@ -69,65 +61,6 @@ import Gallery from './gallery/gallery'
import {BoardTourSteps, FINISHED, TOUR_BOARD, TOUR_CARD} from './onboardingTour'
import ShareBoardTourStep from './onboardingTour/shareBoard/shareBoard'
import EditStatusPropertyDialog, {StatusCategory} from './standardProperties/statusProperty/editStatusDialog'
// this is the sample data for a dummy status property configration dialog
// and will be removed after the PR is tested and merged
const initialValueCategoryValue: StatusCategory[] = [
{
id: 'category_id_1',
title: 'Not Started',
options: [
{id: 'status_id_1', value: 'Pending Design', color: 'propColorPurple'},
{id: 'status_id_2', value: 'TODO', color: 'propColorYellow'},
{id: 'status_id_3', value: 'Pending Specs', color: 'propColorGray'},
],
emptyState: {
icon: (<BlackCheckboxOutline/>),
color: '--sys-dnd-indicator-rgb',
text: {
id: 'statusProperty.configDialog.todo.emptyText',
defaultMessage: 'Drag statuses here to consider tasks with these statuses “Not Started”',
},
},
},
{
id: 'category_id_2',
title: 'In progress',
options: [
{id: 'status_id_4', value: 'In Progress', color: 'propColorBrown'},
{id: 'status_id_5', value: 'In Review', color: 'propColorRed'},
{id: 'status_id_6', value: 'In QA', color: 'propColorPink'},
{id: 'status_id_7', value: 'Awaiting Cherrypick', color: 'propColorOrange'},
],
emptyState: {
icon: (<ClockOutline/>),
color: '--away-indicator-rgb',
text: {
id: 'statusProperty.configDialog.inProgress.emptyText',
defaultMessage: 'Drag statuses here to consider tasks with these statuses “in progress”',
},
},
},
{
id: 'category_id_3',
title: 'Completed',
options: [
{id: 'status_id_20', value: 'Done', color: 'propColorPink'},
{id: 'status_id_21', value: 'Branch Cut', color: 'propColorGreen'},
{id: 'status_id_22', value: 'Released', color: 'propColorDefault'},
],
emptyState: {
icon: (<CheckIcon/>),
color: '--online-indicator-rgb',
text: {
id: 'statusProperty.configDialog.complete.emptyText',
defaultMessage: 'Drag statuses here to consider tasks with these statuses ”Done”',
},
},
},
]
type Props = {
clientConfig?: ClientConfig
board: Board
@ -157,32 +90,6 @@ const CenterPanel = (props: Props) => {
const boardUsers = useAppSelector(getBoardUsers)
const dispatch = useAppDispatch()
// STATUS PROPOERTY EDIT DIALOG TEST CODE STARTS HERE
// SHOULD BE REMOVED AFTER MERGE
const [valueCategories, setValueCategories] = useState<StatusCategory[]>(initialValueCategoryValue)
const [showEditStatusPropertyDialog, setShowEditStatusPropertyDialog] = useState(false)
const handleStatusPropertyShortcut = (e: KeyboardEvent) => {
if (Utils.cmdOrCtrlPressed(e) && e.shiftKey && Utils.isKeyPressed(e, Constants.keyCodes.I)) {
if (!e.altKey) {
e.preventDefault()
setShowEditStatusPropertyDialog((show) => !show)
}
}
}
useEffect(() => {
document.addEventListener('keydown', handleStatusPropertyShortcut)
// cleanup function
return () => {
document.removeEventListener('keydown', handleStatusPropertyShortcut)
}
}, [])
// STATUS PROPOERTY EDIT DIALOG TEST CODE ENDS HERE
const clientConfig = useAppSelector<ClientConfig>(getClientConfig)
// empty dependency array yields behavior like `componentDidMount`, it only runs _once_
@ -607,15 +514,6 @@ const CenterPanel = (props: Props) => {
showHiddenCardNotification={showHiddenCardCountNotification}
hiddenCardCountNotificationHandler={hiddenCardCountNotifyHandler}
/>
{
showEditStatusPropertyDialog &&
<EditStatusPropertyDialog
valueCategories={valueCategories}
onClose={() => setShowEditStatusPropertyDialog(false)}
onUpdate={(updatedValue) => setValueCategories(updatedValue)}
/>
}
</div>
)
}