Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 | import React, { useCallback } from "react"; import l10n from "shared/lib/lang/l10n"; import { DropdownButton } from "ui/buttons/DropdownButton"; import { MenuDivider, MenuItem } from "ui/menu/Menu"; import clipboardActions from "store/features/clipboard/clipboardActions"; import entitiesActions from "store/features/entities/entitiesActions"; import { ClipboardTypeScriptEvents } from "store/features/clipboard/clipboardTypes"; import { ScriptEventParentType } from "shared/lib/entities/entitiesTypes"; import { useAppDispatch, useAppSelector } from "store/hooks"; interface ScriptEditorDropdownButtonProps { value: string[]; type: ScriptEventParentType; entityId: string; scriptKey: string; } const ScriptEditorDropdownButton = ({ value, type, entityId, scriptKey, }: ScriptEditorDropdownButtonProps) => { const dispatch = useAppDispatch(); const clipboardFormat = useAppSelector( (state) => state.clipboard.data?.format ); const onFetchClipboard = useCallback(() => { dispatch(clipboardActions.fetchClipboard()); }, [dispatch]); const onCopyScript = useCallback(() => { dispatch( clipboardActions.copyScriptEvents({ scriptEventIds: value, }) ); }, [dispatch, value]); const onReplaceScript = useCallback(() => { dispatch( entitiesActions.resetScript({ entityId, type, key: scriptKey, }) ); dispatch( clipboardActions.pasteScriptEvents({ entityId, type, key: scriptKey, insertId: "", before: false, }) ); }, [dispatch, entityId, scriptKey, type]); const onPasteScript = useCallback( (before: boolean) => { dispatch( clipboardActions.pasteScriptEvents({ entityId, type, key: scriptKey, insertId: before ? value[0] : value[value.length - 1], before, }) ); }, [dispatch, entityId, scriptKey, type, value] ); const onRemoveScript = useCallback(() => { dispatch( entitiesActions.resetScript({ entityId, type, key: scriptKey, }) ); }, [dispatch, entityId, scriptKey, type]); return ( <DropdownButton size="small" variant="transparent" menuDirection="right" onMouseDown={onFetchClipboard} > <MenuItem onClick={onCopyScript}>{l10n("MENU_COPY_SCRIPT")}</MenuItem> {clipboardFormat === ClipboardTypeScriptEvents && <MenuDivider />} {clipboardFormat === ClipboardTypeScriptEvents && ( <MenuItem onClick={onReplaceScript}> {l10n("MENU_REPLACE_SCRIPT")} </MenuItem> )} {clipboardFormat === ClipboardTypeScriptEvents && value && value.length > 1 && ( <MenuItem onClick={() => onPasteScript(true)}> {l10n("MENU_PASTE_SCRIPT_BEFORE")} </MenuItem> )} {clipboardFormat === ClipboardTypeScriptEvents && value && value.length > 1 && ( <MenuItem onClick={() => onPasteScript(false)}> {l10n("MENU_PASTE_SCRIPT_AFTER")} </MenuItem> )} <MenuDivider /> <MenuItem onClick={onRemoveScript}>{l10n("MENU_DELETE_SCRIPT")}</MenuItem> </DropdownButton> ); }; export default ScriptEditorDropdownButton; |