[ABANDONED] React/Redux front end for the Flexor social network.
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
import React, { FC, useEffect } from 'react' import { useSelector, useDispatch } from 'react-redux' import { useHistory } from 'react-router-dom'
import { handleApiError } from '../api/errors' import { fetchGroupMembers } from '../actions/groups' import { getGroupMembers } from '../selectors/groups' import { AppState, User, AppThunkDispatch } from '../types'
import MemberListItem from './member-list-item'
export interface Props { group: string }
const MemberList: FC<Props> = ({ group }) => { const members = useSelector<AppState, User[]>(state => getGroupMembers(state, group)) const dispatch = useDispatch<AppThunkDispatch>() const history = useHistory()
useEffect(() => { try { dispatch(fetchGroupMembers(group)) } catch (err) { handleApiError(err, dispatch, history) } }, [group])
return ( <div style={{ display: 'flex' }}> {members.map(member => <MemberListItem key={member.id} member={member} />)} </div> ) }
export default MemberList
|