diff --git a/frontend/src/components/pages/RoomPage/index.js b/frontend/src/components/pages/RoomPage/index.js index c6fb203..df8b3e3 100644 --- a/frontend/src/components/pages/RoomPage/index.js +++ b/frontend/src/components/pages/RoomPage/index.js @@ -23,7 +23,12 @@ const RoomPage = props => { const events = { selectNode(evt) { const nodeId = evt.nodes.find(() => true) - onClickMember(members.find(m => m.membername === nodeId)) + const member = members.find(m => m.membername === nodeId) + onClickMember( + member, + graph.edges.filter(({from}) => from === nodeId), + graph.edges.filter(({to}) => to === nodeId), + ) } } diff --git a/frontend/src/containers/RoomPage.js b/frontend/src/containers/RoomPage.js index ab1cb63..e927caf 100644 --- a/frontend/src/containers/RoomPage.js +++ b/frontend/src/containers/RoomPage.js @@ -40,7 +40,9 @@ const mapStateToProps = state => ({ const mapDispatchToProps = dispatch => ({ onGetRoom: (url) => dispatch(roomGetRequest(url)), onLeave: () => dispatch(roomLeave()), - onClickMember: member => dispatch(roomSetMember(member)), + onClickMember: (member, sendlist, getlist) => { + dispatch(roomSetMember(member, sendlist, getlist)) + }, onToggle: () => dispatch(roomToggleContents()), }) diff --git a/frontend/src/store/payment/reducer.js b/frontend/src/store/payment/reducer.js index ebfb661..06b6803 100644 --- a/frontend/src/store/payment/reducer.js +++ b/frontend/src/store/payment/reducer.js @@ -1,5 +1,6 @@ import { ROOM_LEAVE, + ROOM_SET_MEMBER, } from 'store/actions' import * as actions from './actions'; @@ -35,6 +36,12 @@ import * as actions from './actions'; return { ...initialState, } + case ROOM_SET_MEMBER: + return { + ...state, + sendlist: action.sendlist, + getlist: action.getlist, + } default: return state } diff --git a/frontend/src/store/room/actions.js b/frontend/src/store/room/actions.js index ecc3ede..e1b2464 100644 --- a/frontend/src/store/room/actions.js +++ b/frontend/src/store/room/actions.js @@ -89,9 +89,11 @@ export const roomLeave = () => ({ type: ROOM_LEAVE }) export const ROOM_SET_MEMBER = "ROOM_SET_MEMBER" -export const roomSetMember = member => ({ +export const roomSetMember = (member, sendlist, getlist) => ({ type: ROOM_SET_MEMBER, member, + sendlist, + getlist, })