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 (
} /> + } />
) 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. + + chitchatter is still a work in progress and not yet ready to be used! + ) 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 +} 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'