From acdd999c5c30011316ebf5f273ec4704ec503d2e Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Wed, 28 Sep 2022 19:26:49 -0500
Subject: [PATCH] Chats: display component at /chats/new

---
 .../chats/components/chat-page/chat-page.tsx    | 11 ++++++++++-
 .../chat-page/components/chat-page-new.tsx      | 17 +++++++++++++++++
 2 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 app/soapbox/features/chats/components/chat-page/components/chat-page-new.tsx

diff --git a/app/soapbox/features/chats/components/chat-page/chat-page.tsx b/app/soapbox/features/chats/components/chat-page/chat-page.tsx
index 453162e13c..bd968a1bff 100644
--- a/app/soapbox/features/chats/components/chat-page/chat-page.tsx
+++ b/app/soapbox/features/chats/components/chat-page/chat-page.tsx
@@ -1,11 +1,13 @@
 import classNames from 'clsx';
 import React, { useEffect, useRef, useState } from 'react';
+import { Route, Switch } from 'react-router-dom';
 
 import { Stack } from 'soapbox/components/ui';
 import { useChatContext } from 'soapbox/contexts/chat-context';
 import { useChat } from 'soapbox/queries/chats';
 
 import ChatPageMain from './components/chat-page-main';
+import ChatPageNew from './components/chat-page-new';
 import ChatPageSidebar from './components/chat-page-sidebar';
 
 interface IChatPage {
@@ -72,7 +74,14 @@ const ChatPage: React.FC<IChatPage> = ({ chatId }) => {
           'hidden sm:block': !chat,
         })}
         >
-          <ChatPageMain />
+          <Switch>
+            <Route path='/chats/new'>
+              <ChatPageNew />
+            </Route>
+            <Route>
+              <ChatPageMain />
+            </Route>
+          </Switch>
         </Stack>
       </div>
     </div>
diff --git a/app/soapbox/features/chats/components/chat-page/components/chat-page-new.tsx b/app/soapbox/features/chats/components/chat-page/components/chat-page-new.tsx
new file mode 100644
index 0000000000..df1253d309
--- /dev/null
+++ b/app/soapbox/features/chats/components/chat-page/components/chat-page-new.tsx
@@ -0,0 +1,17 @@
+import React from 'react';
+
+import { CardTitle, Stack } from 'soapbox/components/ui';
+
+interface IChatPageNew {
+}
+
+/** New message form to create a chat. */
+const ChatPageNew: React.FC<IChatPageNew> = () => {
+  return (
+    <Stack className='h-full p-6 space-y-8'>
+      <CardTitle title='New Message' />
+    </Stack>
+  );
+};
+
+export default ChatPageNew;
\ No newline at end of file