diff --git a/src/core/client/admin/routes/Moderate/Queue/Queue.tsx b/src/core/client/admin/routes/Moderate/Queue/Queue.tsx index d22c8e43e..2098ec5be 100644 --- a/src/core/client/admin/routes/Moderate/Queue/Queue.tsx +++ b/src/core/client/admin/routes/Moderate/Queue/Queue.tsx @@ -113,6 +113,7 @@ const Queue: FunctionComponent = ({ ( ["comment"], i: number ) => ReactNode; + selected: number | null; } const QueueWrapper: FunctionComponent = ({ singleView, card, comments, + selected, }) => { - const commentsQueue = singleView ? [comments[0]] : comments; if (singleView) { return ( <> - {commentsQueue + {comments // FIXME (Nick/Wyatt): Investigate why comments are coming back null .filter(c => Boolean(c)) - .map((c, i) => card(c, i))} + .map((c, i) => { + if (i === selected) { + return card(c, i); + } + return null; + })} ); } return ( - {commentsQueue + {comments // FIXME (Nick/Wyatt): Investigate why comments are coming back null .filter(c => Boolean(c)) .map((c, i) => ( diff --git a/src/core/client/admin/routes/Moderate/Queue/__snapshots__/Queue.spec.tsx.snap b/src/core/client/admin/routes/Moderate/Queue/__snapshots__/Queue.spec.tsx.snap index 518bd38ba..58b33fd30 100644 --- a/src/core/client/admin/routes/Moderate/Queue/__snapshots__/Queue.spec.tsx.snap +++ b/src/core/client/admin/routes/Moderate/Queue/__snapshots__/Queue.spec.tsx.snap @@ -8,6 +8,7 @@ exports[`renders correctly with load more 1`] = `