From 0d409519abdb0429425c8125bceaf8ed428783d2 Mon Sep 17 00:00:00 2001
From: Ilango <rajagopalilango@gmail.com>
Date: Wed, 14 Aug 2024 11:17:51 +0530
Subject: [PATCH] Update data-table and main-menu - use trigger global shortcut
 from context

---
 app/components/common/data-table.tsx | 14 ++++++++++++--
 app/components/editor/main-menu.tsx  |  4 +---
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/app/components/common/data-table.tsx b/app/components/common/data-table.tsx
index d915049..2f51069 100644
--- a/app/components/common/data-table.tsx
+++ b/app/components/common/data-table.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import { useContext, useState } from 'react'
 
 import {
 	ColumnDef,
@@ -21,6 +21,7 @@ import {
 	TableRow,
 } from '~/components/ui/table'
 import { allShortcuts } from '~/lib/hooks/useKeyboardShortcuts'
+import { AureliusContext, AureliusProviderData } from '~/lib/providers/aurelius'
 import { useTheme } from '~/lib/providers/theme'
 import { EditorShortcuts } from '~/lib/types'
 import { getShortcutWithModifiers } from '~/lib/utils'
@@ -39,6 +40,9 @@ export function DataTable<TData, TValue>({
 	data,
 	effort,
 }: DataTableProps<TData, TValue>) {
+	const { triggerGlobalShortcut } =
+		useContext<AureliusProviderData>(AureliusContext)
+
 	const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])
 	const [sorting, setSorting] = useState<SortingState>([])
 
@@ -75,7 +79,13 @@ export function DataTable<TData, TValue>({
 				/>
 				<div />
 				<div className='flex items-center justify-end'>
-					<Button className='gap-2' size='sm'>
+					<Button
+						className='gap-2'
+						onClick={() =>
+							triggerGlobalShortcut(EditorShortcuts.NEW_POST)
+						}
+						size='sm'
+					>
 						New Post
 						<KeyboardShortcut
 							keys={getShortcutWithModifiers(
diff --git a/app/components/editor/main-menu.tsx b/app/components/editor/main-menu.tsx
index 7c06200..7f16bda 100644
--- a/app/components/editor/main-menu.tsx
+++ b/app/components/editor/main-menu.tsx
@@ -1,5 +1,3 @@
-import { Dispatch, SetStateAction } from 'react'
-
 import { Link } from '@remix-run/react'
 
 import {
@@ -43,7 +41,7 @@ import { getShortcutWithModifiers } from '~/lib/utils'
 type MainMenuProps = {
 	focusMode?: boolean
 	mainMenuOpen: boolean
-	setMainMenuOpen: Dispatch<SetStateAction<boolean>>
+	setMainMenuOpen: (open: boolean) => void
 	triggerShortcut: (shortcutName: string) => void
 }