From 65196ae9c4ed39c258d77837d61a7556371680e5 Mon Sep 17 00:00:00 2001
From: Jeremy Kahn <jeremyckahn@gmail.com>
Date: Tue, 9 Aug 2022 22:14:59 -0500
Subject: [PATCH] feat: wire up public room

---
 src/Bootstrap.tsx                   | 2 ++
 src/components/Room/Room.tsx        | 9 +++++++++
 src/components/Room/index.ts        | 1 +
 src/pages/Home/Home.tsx             | 3 +++
 src/pages/PublicRoom/PublicRoom.tsx | 5 +++++
 src/pages/PublicRoom/index.ts       | 1 +
 6 files changed, 21 insertions(+)
 create mode 100644 src/components/Room/Room.tsx
 create mode 100644 src/components/Room/index.ts
 create mode 100644 src/pages/PublicRoom/PublicRoom.tsx
 create mode 100644 src/pages/PublicRoom/index.ts

diff --git a/src/Bootstrap.tsx b/src/Bootstrap.tsx
index d4b4a10..8fbfa39 100644
--- a/src/Bootstrap.tsx
+++ b/src/Bootstrap.tsx
@@ -2,12 +2,14 @@ import React from 'react'
 import { Routes, Route } from 'react-router-dom'
 
 import { Home } from './pages/Home/'
+import { PublicRoom } from './pages/PublicRoom/'
 
 function Bootstrap() {
   return (
     <div className="Chitchatter">
       <Routes>
         <Route path="/" element={<Home />} />
+        <Route path="/public/:roomId" element={<PublicRoom />} />
       </Routes>
     </div>
   )
diff --git a/src/components/Room/Room.tsx b/src/components/Room/Room.tsx
new file mode 100644
index 0000000..a548587
--- /dev/null
+++ b/src/components/Room/Room.tsx
@@ -0,0 +1,9 @@
+import { useParams } from 'react-router-dom'
+
+export function Room() {
+  const params = useParams()
+
+  const { roomId } = params
+
+  return <>Room ID: {roomId}</>
+}
diff --git a/src/components/Room/index.ts b/src/components/Room/index.ts
new file mode 100644
index 0000000..ac50721
--- /dev/null
+++ b/src/components/Room/index.ts
@@ -0,0 +1 @@
+export * from './Room'
diff --git a/src/pages/Home/Home.tsx b/src/pages/Home/Home.tsx
index 47ae295..efc1a69 100644
--- a/src/pages/Home/Home.tsx
+++ b/src/pages/Home/Home.tsx
@@ -11,6 +11,9 @@ export function Home() {
           for maximum security. All communication between you and your online
           peers is encrypted and ephemeral.
         </Typography>
+        <Typography variant="body1">
+          chitchatter is still a work in progress and not yet ready to be used!
+        </Typography>
       </header>
     </div>
   )
diff --git a/src/pages/PublicRoom/PublicRoom.tsx b/src/pages/PublicRoom/PublicRoom.tsx
new file mode 100644
index 0000000..5044cdf
--- /dev/null
+++ b/src/pages/PublicRoom/PublicRoom.tsx
@@ -0,0 +1,5 @@
+import { Room } from '../../components/Room'
+
+export function PublicRoom() {
+  return <Room />
+}
diff --git a/src/pages/PublicRoom/index.ts b/src/pages/PublicRoom/index.ts
new file mode 100644
index 0000000..03daab3
--- /dev/null
+++ b/src/pages/PublicRoom/index.ts
@@ -0,0 +1 @@
+export * from './PublicRoom'