diff --git a/client/coral-admin/src/actions/stories.js b/client/coral-admin/src/actions/stories.js index 643ccd9a0..aa3f853ad 100644 --- a/client/coral-admin/src/actions/stories.js +++ b/client/coral-admin/src/actions/stories.js @@ -64,9 +64,9 @@ export const loadMoreAssets = (query = {}) => (dispatch, _l, { rest2 }) => { // Update an asset state // Get comments to fill each of the three lists on the mod queue export const updateAssetState = (id, closedAt) => (dispatch, _, { rest }) => { - dispatch({ type: UPDATE_ASSET_STATE_REQUEST, id, closedAt }); + dispatch({ type: UPDATE_ASSET_STATE_REQUEST }); return rest(`/assets/${id}/status`, { method: 'PUT', body: { closedAt } }) - .then(() => dispatch({ type: UPDATE_ASSET_STATE_SUCCESS })) + .then(() => dispatch({ type: UPDATE_ASSET_STATE_SUCCESS, id, closedAt })) .catch(error => { console.error(error); const errorMessage = error.translation_key diff --git a/client/coral-admin/src/components/Header.css b/client/coral-admin/src/components/Header.css index d88774c19..3de6c90f1 100644 --- a/client/coral-admin/src/components/Header.css +++ b/client/coral-admin/src/components/Header.css @@ -26,7 +26,8 @@ max-width: 1280px; margin: 0 auto; background-color: #696969; - box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), + 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .header > div { @@ -41,7 +42,7 @@ position: absolute; top: 0; right: 0; - width: 170px; + width: 200px; height: 100%; } @@ -85,7 +86,7 @@ background-color: transparent; transition: background-color 200ms; font-weight: 100; - letter-spacing: .8; + letter-spacing: 0.8; &:hover { background-color: #404040; diff --git a/client/coral-admin/src/reducers/stories.js b/client/coral-admin/src/reducers/stories.js index 67f3c9f00..c0cb05f00 100644 --- a/client/coral-admin/src/reducers/stories.js +++ b/client/coral-admin/src/reducers/stories.js @@ -57,12 +57,21 @@ export default function assets(state = initialState, action) { }, }); } - case actions.UPDATE_ASSET_STATE_REQUEST: + case actions.UPDATE_ASSET_STATE_SUCCESS: + const index = state.assets.edges.findIndex( + ({ node: { id } }) => id === action.id + ); + if (index < 0) { + return state; + } + return update(state, { assets: { - byId: { - [action.id]: { - closedAt: { $set: action.closedAt }, + edges: { + [index]: { + node: { + closedAt: { $set: action.closedAt }, + }, }, }, }, diff --git a/client/coral-admin/src/routes/Stories/containers/Stories.js b/client/coral-admin/src/routes/Stories/containers/Stories.js index 88b126f16..9f73c41e4 100644 --- a/client/coral-admin/src/routes/Stories/containers/Stories.js +++ b/client/coral-admin/src/routes/Stories/containers/Stories.js @@ -49,7 +49,6 @@ class StoriesContainer extends Component { try { await updateAssetState(id, closeStream ? Date.now() : null); - this.fetchAssets(); } catch (err) { console.error(err); } diff --git a/package.json b/package.json index 4aca84f19..cbc0d8816 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "talk", - "version": "4.10.0", + "version": "4.10.1", "description": "A better commenting experience from Mozilla, The New York Times, and the Washington Post. https://coralproject.net", "main": "app.js", "private": true,