diff --git a/jam-ui/src/components/sessions/JKSessionsHistoryItem.js b/jam-ui/src/components/sessions/JKSessionsHistoryItem.js index dff006d0c..5f76110e6 100644 --- a/jam-ui/src/components/sessions/JKSessionsHistoryItem.js +++ b/jam-ui/src/components/sessions/JKSessionsHistoryItem.js @@ -8,6 +8,7 @@ import JKUserLatencyBadge from '../profile/JKUserLatencyBadge'; import { useTranslation } from 'react-i18next'; import { useAuth } from '../../context/UserAuth'; import { fetchUserLatencies } from '../../store/features/latencySlice'; +import { useDispatch } from 'react-redux'; const JKSessionsHistoryItem = ({ session_id, sessionGroup }) => { const { greaterThan } = useResponsive(); @@ -15,6 +16,7 @@ const JKSessionsHistoryItem = ({ session_id, sessionGroup }) => { const [participants, setParticipants] = useState([]); const { t } = useTranslation(); const { currentUser } = useAuth(); + const dispatch = useDispatch(); useEffect(() => { console.log('sessionGroup', sessionGroup); @@ -43,14 +45,12 @@ const JKSessionsHistoryItem = ({ session_id, sessionGroup }) => { ); }, [sessionGroup]); - useEffect(() => { - if (participants.length > 0 && currentUser) { const currentUserId = currentUser.id; const otherUserIds = participants.filter(p => p.id !== currentUserId).map(p => p.id); console.log('X_DEBUG_ JKSessionsHistoryItem', currentUserId, otherUserIds); - fetchUserLatencies({ currentUserId, otherUserIds}); + dispatch(fetchUserLatencies({ currentUserId, otherUserIds })); } }, [participants]); @@ -94,10 +94,14 @@ const JKSessionsHistoryItem = ({ session_id, sessionGroup }) => { ))} - {participants.filter(p => p.user.id !== currentUser.id).map(participant => ( + {participants.map(participant => ( - + {participant.id !== currentUser.id ? ( + + ) : ( + + )} ))} @@ -106,22 +110,23 @@ const JKSessionsHistoryItem = ({ session_id, sessionGroup }) => { {participants.map(participant => ( - {participant.tracks && participant.tracks.map(track => ( - - - - - - {track.instrument} - - - ))} + {participant.tracks && + participant.tracks.map(track => ( + + + + + + {track.instrument} + + + ))} ))} diff --git a/jam-ui/src/components/sessions/JKUseSessionHelper.js b/jam-ui/src/components/sessions/JKUseSessionHelper.js index a5ddeba2d..5748a470e 100644 --- a/jam-ui/src/components/sessions/JKUseSessionHelper.js +++ b/jam-ui/src/components/sessions/JKUseSessionHelper.js @@ -19,7 +19,7 @@ const useSessionHelper = (session) => { const sessionDateTime = session => { if(!session.created_at) return ''; const date = new Date(session.created_at); - return moment(date).format('dddd, MMMM Do YYYY, h:mm A z'); + return moment(date).format('dddd, MMMM DD, YYYY, h:mmA z'); }; return {