chore: misc moderation changes (#6690)

* fix: tech card not updating project status correctly

* feat: pull out quick actions into buttons for reports

* fix: reports duplicating in the reports queue

* feat: allow for moderation keybinds to be rebindable

* run prepr

packages/moderation/src/data/keybinds.ts

@@ -1,51 +1,39 @@
 import type { KeybindListener } from '../types/keybinds'
 
-const keybinds: KeybindListener[] = [
-	{
-		id: 'next-stage',
+const keybinds: { [id: string]: KeybindListener } = {
+	'next-stage': {
 		keybind: 'ArrowRight',
 		description: 'Go to next stage',
 		enabled: (ctx) => !ctx.state.isDone && !ctx.state.hasGeneratedMessage,
 		action: (ctx) => ctx.actions.tryGoNext(),
 	},
-	{
-		id: 'previous-stage',
+	'previous-stage': {
 		keybind: 'ArrowLeft',
 		description: 'Go to previous stage',
 		enabled: (ctx) => !ctx.state.isDone && !ctx.state.hasGeneratedMessage,
 		action: (ctx) => ctx.actions.tryGoBack(),
 	},
-	{
-		id: 'generate-message',
+	'generate-message': {
 		keybind: 'Ctrl+Shift+E',
 		description: 'Generate moderation message',
 		action: (ctx) => ctx.actions.tryGenerateMessage(),
 	},
-	{
-		id: 'toggle-collapse',
+	'toggle-collapse': {
 		keybind: 'Shift+C',
 		description: 'Toggle collapse/expand',
 		action: (ctx) => ctx.actions.tryToggleCollapse(),
 	},
-	{
-		id: 'reset-progress',
+	'reset-progress': {
 		keybind: 'Ctrl+Shift+R',
 		description: 'Reset moderation progress',
 		action: (ctx) => ctx.actions.tryResetProgress(),
 	},
-	{
-		id: 'reset-progress-alt',
-		keybind: 'Alt+R',
-		description: 'Reset moderation progress',
-		action: (ctx) => ctx.actions.tryResetProgress(),
-	},
-	{
-		id: 'skip-project',
+	'skip-project': {
 		keybind: 'Ctrl+Shift+S',
 		description: 'Skip to next project',
 		enabled: (ctx) => ctx.state.futureProjectCount > 0 && !ctx.state.isDone,
 		action: (ctx) => ctx.actions.trySkipProject(),
 	},
-]
+}
 
 export default keybinds

packages/moderation/src/types/keybinds.ts

@@ -59,7 +59,6 @@ export interface KeybindDefinition {
 }
 
 export interface KeybindListener {
-	id: string
 	keybind: KeybindDefinition | KeybindDefinition[] | string | string[]
 	description: string
 	enabled?: (ctx: ModerationContext) => boolean
@@ -94,6 +93,17 @@ export function matchesKeybind(event: KeyboardEvent, keybind: KeybindDefinition
 	)
 }
 
+export function toKeybindDefinition(event: KeyboardEvent): KeybindDefinition {
+	return {
+		key: event.key.toLowerCase(),
+		ctrl: event.ctrlKey,
+		shift: event.shiftKey,
+		alt: event.altKey,
+		meta: event.metaKey,
+		preventDefault: true,
+	}
+}
+
 export function handleKeybind(
 	event: KeyboardEvent,
 	ctx: ModerationContext,
@@ -104,7 +114,8 @@ export function handleKeybind(
 		event.target instanceof HTMLTextAreaElement ||
 		(event.target as HTMLElement)?.closest('.cm-editor') ||
 		(event.target as HTMLElement)?.classList?.contains('cm-content') ||
-		(event.target as HTMLElement)?.classList?.contains('cm-line')
+		(event.target as HTMLElement)?.classList?.contains('cm-line') ||
+		document.getElementById('moderation-checklist-keybinds-modal')
 	) {
 		return false
 	}