diff --git a/client/src/actions.jsx b/client/src/actions.jsx index 06e644d5..e4f6fb2b 100644 --- a/client/src/actions.jsx +++ b/client/src/actions.jsx @@ -6,6 +6,7 @@ export const setActiveSkill = (constructId, skill) => ({ type: 'SET_ACTIVE_SKILL export const setCombiner = value => ({ type: 'SET_COMBINER', value: Array.from(value) }); export const setConstructEditId = value => ({ type: 'SET_CONSTRUCT_EDIT_ID', value }); export const setConstructs = value => ({ type: 'SET_CONSTRUCTS', value }); +export const setConstructRename = value => ({ type: 'SET_CONSTRUCT_RENAME', value }); export const setGame = value => ({ type: 'SET_GAME', value }); export const setInfo = value => ({ type: 'SET_INFO', value }); export const setInstance = value => ({ type: 'SET_INSTANCE', value }); diff --git a/client/src/components/list.jsx b/client/src/components/list.jsx index 23f166ff..5a4f932d 100644 --- a/client/src/components/list.jsx +++ b/client/src/components/list.jsx @@ -14,6 +14,7 @@ const addState = connect( const { ws, constructs, + constructRename, team, instanceList, account, @@ -35,25 +36,47 @@ const addState = connect( return ws.sendInstanceList(); } - function selectConstruct(id) { + function sendConstructAvatarReroll(id) { if (!mtxActive) return false; console.log('using', mtxActive, 'on', id); - ws.sendMtxApply(id, mtxActive); + return ws.sendMtxApply(id, mtxActive, ''); + } + + function sendConstructRename(id, name) { + ws.sendMtxApply(id, 'Rename', name); } return { account, constructs, + instanceList, + mtxActive, + constructRename, team, + sendConstructRename, sendInstanceJoin, sendInstanceState, sendInstanceList, - instanceList, - - mtxActive, - selectConstruct + sendConstructAvatarReroll, }; }, + + function receiveDispatch(dispatch) { + function setConstructRename(id) { + dispatch(actions.setConstructRename(id)); + } + + function clearMtxRename() { + dispatch(actions.setConstructRename(null)); + dispatch(actions.setMtxActive(null)); + } + + return { + clearMtxRename, + setConstructRename, + }; + } + ); function List(args) { @@ -61,13 +84,16 @@ function List(args) { account, team, constructs, + constructRename, + clearMtxRename, + setConstructRename, + sendConstructRename, sendInstanceState, sendInstanceJoin, sendInstanceList, instanceList, - mtxActive, - selectConstruct, + sendConstructAvatarReroll, } = args; function listElements() { @@ -115,16 +141,40 @@ function List(args) { const constructPanels = constructs .filter(c => team.includes(c.id)) .sort(idSort) - .map(construct => -