Hide labels after first row in admin

namesakefyi · Nov 17, 2024 · 7b80f44 · 7b80f44
1 parent 1a7226d
commit 7b80f44
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/.changeset/loud-snakes-deny.md b/.changeset/loud-snakes-deny.md
@@ -0,0 +1,5 @@
+---
+"namesake": minor
+---
+
+Display estimated costs for each quest
diff --git a/src/routes/_authenticated/admin/quests/$questId.tsx b/src/routes/_authenticated/admin/quests/$questId.tsx
@@ -53,15 +53,18 @@ const CostInput = memo(function CostInput({
   cost,
   onChange,
   onRemove,
+  hideLabel = false,
 }: {
   cost: { cost: number; description: string };
   onChange: (cost: { cost: number; description: string }) => void;
   onRemove: (cost: { cost: number; description: string }) => void;
+  hideLabel?: boolean;
 }) {
   return (
     <div className="flex items-end gap-2">
       <NumberField
-        label="Cost"
+        label={hideLabel ? undefined : "Cost"}
+        aria-label={hideLabel ? "Cost" : undefined}
         className="w-28"
         prefix="$"
         value={cost.cost}
@@ -70,7 +73,8 @@ const CostInput = memo(function CostInput({
         }
       />
       <TextField
-        label="For"
+        label={hideLabel ? undefined : "For"}
+        aria-label={hideLabel ? "For" : undefined}
         className="w-80"
         value={cost.description}
         onChange={(value) => onChange({ cost: cost.cost, description: value })}
@@ -180,6 +184,7 @@ function AdminQuestDetailRoute() {
             onRemove={() => {
               setCosts(costs.filter((_, i) => i !== index));
             }}
+            hideLabel={index > 0}
           />
         ))}
         <Button