diff --git a/imports/client/components/GuessQueuePage.tsx b/imports/client/components/GuessQueuePage.tsx
index 074df3166..01a575014 100644
--- a/imports/client/components/GuessQueuePage.tsx
+++ b/imports/client/components/GuessQueuePage.tsx
@@ -52,17 +52,17 @@ import { mediaBreakpointDown } from "./styling/responsive";
const compactViewBreakpoint: Breakpoint = "md";
-const StyledTable = styled.div`
+const StyledTable = styled.div<{ $hasGuessQueue: boolean }>`
display: grid;
grid-template-columns:
[timestamp] auto
[submitter] minmax(auto, 8em)
[puzzle] minmax(10em, auto)
[answer] minmax(10em, auto)
- [direction] minmax(6em, auto)
- [confidence] minmax(6em, auto)
+ ${(props) => props.$hasGuessQueue && "[direction] minmax(6em, auto)"}
+ ${(props) => props.$hasGuessQueue && "[confidence] minmax(6em, auto)"}
[status] auto
- [actions] auto;
+ ${(props) => props.$hasGuessQueue && "[actions] auto"};
border-bottom: 1px solid #ddd;
${mediaBreakpointDown(
compactViewBreakpoint,
@@ -316,32 +316,40 @@ const GuessBlock = React.memo(
{" "}
-
-
- Solve direction
-
-
-
- Confidence
-
-
-
+ {hunt.hasGuessQueue && (
+
+
+ Solve direction
+
+
+
+ Confidence
+
+
+
+ )}
-
- {canEdit && guess.state !== "pending" && (
-
- )}
-
+ {hunt.hasGuessQueue && (
+
+ {canEdit && guess.state !== "pending" && (
+
+ )}
+
+ )}
{guess.additionalNotes && (
)}
@@ -355,12 +363,23 @@ const GuessQueuePage = () => {
const [searchParams, setSearchParams] = useSearchParams();
const searchString = searchParams.get("q") ?? "";
- useBreadcrumb({ title: "Guess queue", path: `/hunts/${huntId}/guesses` });
-
const guessesLoading = useTypedSubscribe(guessesForGuessQueue, { huntId });
const loading = guessesLoading();
const hunt = useTracker(() => Hunts.findOne({ _id: huntId }), [huntId]);
+
+ const pageTitle = useTracker(() => {
+ if (loading || !hunt) {
+ return "Loading...";
+ } else if (hunt.hasGuessQueue) {
+ return "Guess queue";
+ } else {
+ return "Answer log";
+ }
+ }, [hunt, loading]);
+
+ useBreadcrumb({ title: pageTitle, path: `/hunts/${huntId}/guesses` });
+
const guesses = useTracker(
() =>
loading
@@ -499,7 +518,7 @@ const GuessQueuePage = () => {
return (
-
Guess queue
+ {pageTitle}
{
-
+
Time
Submitter
Puzzle
Answer
-
- Direction
-
-
- Confidence
-
+ {hunt.hasGuessQueue && (
+ <>
+
+ Direction
+
+
+ Confidence
+
+ >
+ )}
Status
-
+ {hunt.hasGuessQueue && }
{filteredGuesses(guesses, puzzles).map((guess) => {
return (
diff --git a/imports/client/components/HuntNav.tsx b/imports/client/components/HuntNav.tsx
index 0e25001d7..32457183e 100644
--- a/imports/client/components/HuntNav.tsx
+++ b/imports/client/components/HuntNav.tsx
@@ -167,10 +167,12 @@ const HuntNav = () => {
- Guesses
+
+ {hunt.hasGuessQueue ? "Guesses" : "Answers"}
+
{
const hunt = hunts.get(g.hunt);
const puzzle = puzzles.get(g.puzzle);
if (!hunt || !puzzle) return;
+ if (!hunt.hasGuessQueue) return;
messages.push(