[ADD] chat command to navigate to dms

Project-Pandora-Game · Oct 8, 2023 · a5bc8c0 · a5bc8c0
1 parent 4167ec3
commit a5bc8c0
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 1 deletion.
diff --git a/pandora-client-web/src/components/chatroom/chatInput.tsx b/pandora-client-web/src/components/chatroom/chatInput.tsx
@@ -19,6 +19,7 @@ import { useDirectoryConnector } from '../gameContext/directoryConnectorContextP
 import { Select } from '../common/select/select';
 import settingsIcon from '../../assets/icons/setting.svg';
 import { z } from 'zod';
+import { useNavigate } from 'react-router';
 
 type Editing = {
 	target: number;
@@ -209,6 +210,7 @@ function TextAreaImpl({ messagesDiv, scrollMessagesView }: {
 
 	const directoryConnector = useDirectoryConnector();
 	const shardConnector = useShardConnector();
+	const navigate = useNavigate();
 	AssertNotNullable(shardConnector);
 
 	/**
@@ -227,7 +229,8 @@ function TextAreaImpl({ messagesDiv, scrollMessagesView }: {
 		chatRoom,
 		messageSender: sender,
 		inputHandlerContext: chatInput,
-	}), [chatInput, chatRoom, directoryConnector, sender, shardConnector]);
+		navigate,
+	}), [chatInput, chatRoom, directoryConnector, navigate, sender, shardConnector]);
 
 	const inputEnd = useEvent(() => {
 		if (timeout.current) {
@@ -596,6 +599,7 @@ function AutoCompleteHint(): ReactElement | null {
 
 	const directoryConnector = useDirectoryConnector();
 	const shardConnector = useShardConnector();
+	const navigate = useNavigate();
 	AssertNotNullable(shardConnector);
 	if (!autocompleteHint?.result || !allowCommands)
 		return null;
@@ -645,6 +649,7 @@ function AutoCompleteHint(): ReactElement | null {
 												chatRoom,
 												messageSender: sender,
 												inputHandlerContext: chatInput,
+												navigate,
 											});
 
 											setAutocompleteHint({

diff --git a/pandora-client-web/src/components/chatroom/commands.ts b/pandora-client-web/src/components/chatroom/commands.ts
@@ -191,6 +191,19 @@ export const COMMANDS: readonly IClientCommand[] = [
 		// return target ? { status: 'whisper', target } : { status: 'none' };
 		// },
 	},
+	{
+		key: ['dm'],
+		description: 'Switches to direct message screen',
+		longDescription: 'Switches to direct message screen with the selected <target> character.' + LONGDESC_THIRD_PERSON,
+		usage: '<target>',
+		handler: CreateClientCommand()
+			.argument('target', CommandSelectorCharacter({ allowSelf: 'none' }))
+			.handler(({ directoryConnector, navigate }, { target }) => {
+				directoryConnector.directMessageHandler.setSelected(target.data.accountId);
+				navigate('/relationships/DMs');
+				return true;
+			}),
+	},
 	{
 		key: ['turn', 't'],
 		description: 'Turns yourself around',

diff --git a/pandora-client-web/src/components/chatroom/commandsProcessor.ts b/pandora-client-web/src/components/chatroom/commandsProcessor.ts
@@ -4,6 +4,7 @@ import type { ShardConnector } from '../../networking/shardConnector';
 import type { ChatRoom, IChatRoomMessageSender } from '../gameContext/chatRoomContextProvider';
 import type { IChatInputHandler } from './chatInput';
 import { COMMANDS } from './commands';
+import type { useNavigate } from 'react-router';
 
 export const COMMAND_KEY = '/';
 
@@ -13,6 +14,7 @@ export interface ICommandExecutionContextClient extends ICommandExecutionContext
 	chatRoom: ChatRoom;
 	messageSender: IChatRoomMessageSender;
 	inputHandlerContext: IChatInputHandler;
+	navigate: ReturnType<typeof useNavigate>;
 }
 
 export type IClientCommand = {