diff --git a/client/src/components/player/PlayerPlot.tsx b/client/src/components/player/PlayerPlot.tsx index dac53eb..f816cef 100644 --- a/client/src/components/player/PlayerPlot.tsx +++ b/client/src/components/player/PlayerPlot.tsx @@ -5,7 +5,7 @@ import {AdditionalContent} from "components/staff/presentation/AdditionalContent import {CallManager} from "./CallManager"; import {PlayerClue, usePlayerClues} from "modules/player"; import {SolvedPlot, UnsolvedPlot} from "modules/types"; -import {FaPuzzlePiece, FaChevronDown} from "react-icons/fa"; +import {FaPuzzlePiece, FaChevronDown, FaLocationArrow} from "react-icons/fa"; import moment from 'moment'; import _ from 'lodash'; @@ -20,7 +20,7 @@ const PlotItem = ({clue}: {clue: PlayerClue}) => { if (solvedPlot.length > 0) { if (clue.submittableType === 'Plot') { return ( - + {clueSolveTimeAnchor} @@ -31,7 +31,7 @@ const PlotItem = ({clue}: {clue: PlayerClue}) => { ); } else { return ( - + {clueSolveTimeAnchor} @@ -39,7 +39,7 @@ const PlotItem = ({clue}: {clue: PlayerClue}) => { - + @@ -59,7 +59,7 @@ const PlotItem = ({clue}: {clue: PlayerClue}) => { // color of the LinkContainer here. If we ever configure site-wide themes this will need to // get pulled into that. return ( - + {clueSolveTimeAnchor} @@ -67,7 +67,7 @@ const PlotItem = ({clue}: {clue: PlayerClue}) => { - + @@ -75,8 +75,10 @@ const PlotItem = ({clue}: {clue: PlayerClue}) => { ); } else { return ( - - No plot for {clue.submittableTitle} + + + + ); } @@ -105,7 +107,9 @@ export const PlayerPlot = () => { } {sortedClues.map(clue => - +
+ +
)}