From 5f092421ebe36d257316c73e82fea4a2303bf49c Mon Sep 17 00:00:00 2001
From: Esa Kataja <ekataja@gmail.com>
Date: Tue, 13 May 2025 21:15:13 +0300
Subject: [PATCH] feat: change default review scores to 0 and improve textarea
 styling

---
 pages/review/[id].vue | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/pages/review/[id].vue b/pages/review/[id].vue
index db7808c..c099e6c 100644
--- a/pages/review/[id].vue
+++ b/pages/review/[id].vue
@@ -41,9 +41,9 @@ const user = ref<User | null>(null)
 const review = ref<Review | null>(null)
 
 // Form state with default values
-const song = ref(50)
-const show = ref(50)
-const costume = ref(50)
+const song = ref(0)
+const show = ref(0)
+const costume = ref(0)
 const textReview = ref('')
 const isSubmitting = ref(false)
 
@@ -91,9 +91,9 @@ async function fetchUserReview(userId: number) {
     
     // Pre-fill form with existing review data
     if (reviewData) {
-      song.value = reviewData.score_song || 50
-      show.value = reviewData.score_show || 50
-      costume.value = reviewData.score_costume || 50
+      song.value = reviewData.score_song || 0
+      show.value = reviewData.score_show || 0
+      costume.value = reviewData.score_costume || 0
       textReview.value = reviewData.text_review || ''
     }
   } catch (error) {
@@ -210,15 +210,16 @@ onMounted(async () => {
             
             <div class="flex flex-col gap-2">
                 <label for="text_review">Arvostelu (vaihtoehtoinen)</label>
-                <textarea id="text_review" placeholder="Arvostelu" class="textfield" v-model="textReview"/>
+                <textarea id="text_review" placeholder="Arvostelu" class="textfield" rows="6" v-model="textReview"/>
             </div>
             
             <button type="submit" class="btn-primary">Arvostele</button>
         </form>
-    </div>
-    <div v-else>
+        <NuxtLink class="btn-primary" to="/">Palaa etusivulle</NuxtLink>
+      </div>
+      <div v-else>
         <h1>Artist not found</h1>
-    </div>
+      </div>
 </template>
 
 <style>
@@ -244,5 +245,6 @@ onMounted(async () => {
     padding: 6px;
     background-color: rgba(255, 255, 255, 0.2);
     border-radius: 6px;
+    resize: none;
 }
 </style>
\ No newline at end of file