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' }, ] }