From fe00df6c2d359f8389be17c2e51b56611ed7eb0e Mon Sep 17 00:00:00 2001
From: Pascal Syma <p.syma@appfarms.com>
Date: Thu, 14 Aug 2025 21:55:01 +0200
Subject: [PATCH] Styling

---
 app/components/admin/Answer.vue                   |  4 ++++
 app/pages/hunt/[huntSlug]/[questSlug]/index.vue   | 12 ++++++++++--
 server/api/admin/answer/[answerId]/review.post.ts |  4 ++--
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/app/components/admin/Answer.vue b/app/components/admin/Answer.vue
index 756d4a8..9ed17ae 100644
--- a/app/components/admin/Answer.vue
+++ b/app/components/admin/Answer.vue
@@ -176,12 +176,16 @@ async function submit() {
           v-model="formData.cloned.value.review"
           label="Review"
           messages="Will be shown publicly!"
+          max-length="2000"
+          counter
         />
         <VaDivider />
         <VaTextarea
           v-model="formData.cloned.value.internalNote"
           label="Internal note"
           messages="Only internal, the team won't see this!"
+          max-length="256"
+          counter
         />
         <p v-if="answer.review?.reviewer">
           Reviewed by {{ answer.review?.reviewer?.name }} at
diff --git a/app/pages/hunt/[huntSlug]/[questSlug]/index.vue b/app/pages/hunt/[huntSlug]/[questSlug]/index.vue
index cb493f9..fcb3045 100644
--- a/app/pages/hunt/[huntSlug]/[questSlug]/index.vue
+++ b/app/pages/hunt/[huntSlug]/[questSlug]/index.vue
@@ -163,10 +163,18 @@ const createImageURL = (file: File) => URL.createObjectURL(file);
             <VaChip color="success">{{ data.answer.review.score }}</VaChip>
             <span v-if="data.answer.review.reviewer" class="text-sm">
               by {{ data.answer.review.reviewer.name }} at
-              {{ d(data.answer.updatedAt, fullDate) }}</span
+              {{ d(data.answer.review.updatedAt, fullDate) }}</span
             >
           </p>
-          <p class="italic">{{ data.answer.review.review }}</p>
+          <div class="flex max-h-[60dvh] flex-col gap-2 overflow-y-auto pr-4">
+            <p
+              v-for="(line, i) in data.answer.review.review.split('\n')"
+              :key="i"
+              class="italic"
+            >
+              {{ line }}
+            </p>
+          </div>
         </VaCardContent>
       </VaCard>
       <VaCard
diff --git a/server/api/admin/answer/[answerId]/review.post.ts b/server/api/admin/answer/[answerId]/review.post.ts
index fdc4460..b02cd36 100644
--- a/server/api/admin/answer/[answerId]/review.post.ts
+++ b/server/api/admin/answer/[answerId]/review.post.ts
@@ -49,9 +49,9 @@ export default defineEventHandler(async (event) => {
     event,
     z.object({
       score: z.int().min(0).max(32767).nullable(),
-      review: z.string().max(256).nullable(),
+      review: z.string().max(2000).trim().nullable(),
       showcase: z.boolean().nullable().default(false),
-      internalNote: z.string().max(256).nullable(),
+      internalNote: z.string().max(256).trim().nullable(),
       rankingValue: z.int().nullable()
     })
   );