wip jam-ui session

jam-ui/src/components/common/JKTooltip.js

@@ -1,4 +1,5 @@
 import React, { useState, useRef } from 'react';
+import PropTypes from 'prop-types';
 import { Tooltip } from 'reactstrap';
 
 const JKTooltip = props => {
@@ -26,4 +27,8 @@ const JKTooltip = props => {
   );
 };
 
+JKTooltip.propTypes = {
+  title: PropTypes.string.isRequired
+}
+
 export default JKTooltip;

jam-ui/src/components/dashboard/JKDashboardMain.js

@@ -27,6 +27,9 @@ import JKPeopleFilter from '../page/JKPeopleFilter';
 import JKNotifications from '../page/JKNotifications';
 import JKMessageModal from '../profile/JKMessageModal';
 
+import JKMusicSessions from '../page/JKMusicSessions';
+import JKNewMusicSession from '../page/JKNewMusicSession';
+
 //import loadable from '@loadable/component';
 //const DashboardRoutes = loadable(() => import('../../layouts/JKDashboardRoutes'));
 //const PublicRoutes = loadable(() => import('../../layouts/JKPublicRoutes')) 
@@ -175,6 +178,8 @@ function JKDashboardMain() {
           <Route path="/privacy" component={JKPrivacy} />
           <Route path="/help" component={JKHelp} />
           <PrivateRoute path="/friends" component={JKPeopleFilter} />
+          <PrivateRoute path="/sessions" component={JKMusicSessions} />
+          <PrivateRoute path="/sessions/new" component={JKNewMusicSession} />
           <PrivateRoute path="/notifications" component={JKNotifications} />
           {/*Redirect*/}
           <Redirect to="/errors/404" />

jam-ui/src/components/page/JKMusicSessions.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function JKMusicSessions() {
+  return (
+    <div>JKMusicSessions</div>
+  )
+}
+
+export default JKMusicSessions

jam-ui/src/components/page/JKNewMusicSession.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function JKNewMusicSession() {
+  return (
+    <div>JK New Music Session</div>
+  )
+}
+
+export default JKNewMusicSession

jam-ui/src/components/page/JKPeopleFilter.js

@@ -6,6 +6,7 @@ import { isIterableArray } from '../../helpers/utils';
 import { useResponsive } from '@farfetch/react-context-responsive';
 import { useTranslation } from 'react-i18next';
 import Select from 'react-select';
+
 import JKTooltip from '../common/JKTooltip';
 import JKPeopleList from './JKPeopleList';
 import JKPeopleSwiper from './JKPeopleSwiper';

jam-ui/src/components/page/JKPeopleList.js

@@ -39,7 +39,10 @@ const JKPeopleList = ({ people, goNextPage, hasNext, isLoading }) => {
 };
 
 JKPeopleList.propTypes = {
-  people: PropTypes.arrayOf(PropTypes.instanceOf(Object))
+  people: PropTypes.arrayOf(PropTypes.instanceOf(Object)),
+  goNextPage: PropTypes.func.isRequired,
+  hasNext: PropTypes.bool.isRequired,
+  isLoading: PropTypes.bool.isRequired
 };
 
 export default JKPeopleList;

jam-ui/src/components/page/JKPeopleSwiper.js

@@ -68,7 +68,8 @@ const JKPeopleSwiper = ({ people, goNextPage }) => {
 };
 
 JKPeopleSwiper.propTypes = {
-  people: PropTypes.arrayOf(PropTypes.instanceOf(Object))
+  people: PropTypes.arrayOf(PropTypes.instanceOf(Object)),
+  goNextPage: PropTypes.func
 };
 
 export default JKPeopleSwiper;

jam-ui/src/routes.js

@@ -14,6 +14,19 @@ export const friendsRoute = {
   icon: 'users',
 }
 
+export const musicSessionRoutes = {
+  name: 'Sessions',
+  to: '/sessions',
+  exact: true,
+  icon: 'stream',
+  children: [
+    { to: '/sessions/new', name: 'Create Session' },
+    { to: '/sessions', name: 'Browse Sessions' },
+    { to: '/sessions/lobby', name: 'Lobby' },
+    { to: '/sessions/history', name: 'Session History' },
+  ]
+}
+
 export const helpRoute = {
   name: 'Help',
   to: '/help',
@@ -347,6 +360,7 @@ export const utilityRoutes = {
 export default [
   homeRoute,
   friendsRoute,
+  musicSessionRoutes,
   helpRoute,
   //legacyRoute,
   //homeRoutes,