diff --git a/jam-ui/src/components/dashboard/JKDashboardMain.js b/jam-ui/src/components/dashboard/JKDashboardMain.js
index 5f8db3a7d..7f4d45c5b 100644
--- a/jam-ui/src/components/dashboard/JKDashboardMain.js
+++ b/jam-ui/src/components/dashboard/JKDashboardMain.js
@@ -30,6 +30,7 @@ import JKUnsubscribe from '../page/JKUnsubscribe';
import JKMusicSessions from '../page/JKMusicSessions';
import JKNewMusicSession from '../page/JKNewMusicSession';
+import JKMusicSessionsLobby from '../page/JKMusicSessionsLobby';
//import loadable from '@loadable/component';
//const DashboardRoutes = loadable(() => import('../../layouts/JKDashboardRoutes'));
@@ -181,6 +182,7 @@ function JKDashboardMain() {
+
{/*Redirect*/}
diff --git a/jam-ui/src/components/page/JKMusicSessionsLobby.js b/jam-ui/src/components/page/JKMusicSessionsLobby.js
new file mode 100644
index 000000000..d51b0f7ca
--- /dev/null
+++ b/jam-ui/src/components/page/JKMusicSessionsLobby.js
@@ -0,0 +1,45 @@
+import React from 'react';
+import { Col, Row, Card, CardBody } from 'reactstrap';
+import FalconCardHeader from '../common/FalconCardHeader';
+import { useTranslation } from 'react-i18next';
+import { useResponsive } from '@farfetch/react-context-responsive';
+import JKLobbyUserList from '../sessions/JKLobbyUserList';
+import JKLobbyChat from '../sessions/JKLobbyChat';
+
+function JKMusicSessionsLobby() {
+ const { t } = useTranslation();
+ const { greaterThan } = useResponsive();
+
+ return (
+
+
+ <>
+
+
+
+ {greaterThan.sm ? (
+
+
+
+
+
+
+
+
+
+
+
+
+ ) : (
+
+
+
+ )}
+
+
+ >
+
+ );
+}
+
+export default JKMusicSessionsLobby;
diff --git a/jam-ui/src/components/sessions/JKLobbyChat.js b/jam-ui/src/components/sessions/JKLobbyChat.js
new file mode 100644
index 000000000..7f46da3c3
--- /dev/null
+++ b/jam-ui/src/components/sessions/JKLobbyChat.js
@@ -0,0 +1,19 @@
+import React from 'react';
+import { Card, CardBody, CardFooter, CardHeader, CardText, CardTitle, Button } from 'reactstrap';
+
+function JKLobbyChat() {
+ return (
+
+ Header
+
+ Special Title Treatment
+ With supporting text below as a natural lead-in to additional content.
+
+
+
+ );
+}
+
+export default JKLobbyChat;
diff --git a/jam-ui/src/components/sessions/JKLobbyUserList.js b/jam-ui/src/components/sessions/JKLobbyUserList.js
new file mode 100644
index 000000000..f8e5d9823
--- /dev/null
+++ b/jam-ui/src/components/sessions/JKLobbyUserList.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import { Table } from 'reactstrap';
+import { useTranslation } from 'react-i18next';
+
+function JKLobbyUserList() {
+ const { t } = useTranslation();
+ return (
+
+
+
+ | {t('lobby.header.musician', { ns: 'sessions' })} |
+ {t('actions', { ns: 'common' })} |
+
+
+
+
+ );
+}
+
+export default JKLobbyUserList;
diff --git a/jam-ui/src/i18n/locales/en/sessions.json b/jam-ui/src/i18n/locales/en/sessions.json
index e01349c37..9e632af0c 100644
--- a/jam-ui/src/i18n/locales/en/sessions.json
+++ b/jam-ui/src/i18n/locales/en/sessions.json
@@ -38,5 +38,12 @@
"invited": "YOU WERE INVITED TO THIS SESSION",
"has_friend": "YOU HAVE A FRIEND IN THIS SESSION"
}
+ },
+ "lobby": {
+ "page_title": "Lobby",
+ "header": {
+ "musician": "Musician",
+ "actions": "Actions"
+ }
}
}
\ No newline at end of file
diff --git a/jam-ui/src/routes.js b/jam-ui/src/routes.js
index 0e67a4696..4abead21e 100644
--- a/jam-ui/src/routes.js
+++ b/jam-ui/src/routes.js
@@ -26,6 +26,7 @@ export const musicSessionRoutes = {
children: [
{ to: '/sessions/new', name: 'Create Session' },
{ to: '/sessions', name: 'Browse Sessions' },
+ { to: '/sessions/lobby', name: 'Lobby' },
{ to: '/sessions/history', name: 'Session History' },
]
}