From 0a0f350a1d4f953d3e2014ec56010c50df4d4c8d Mon Sep 17 00:00:00 2001
From: Raymond <101374892+raymonable@users.noreply.github.com>
Date: Wed, 26 Feb 2025 19:28:57 -0500
Subject: [PATCH] fix: textarea instead of input for bio

---
 AquaNet/src/app.sass                   |  6 +++++-
 AquaNet/src/pages/User/Settings.svelte | 18 +++++++++++++-----
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/AquaNet/src/app.sass b/AquaNet/src/app.sass
index bc7bad14..7678ecbe 100644
--- a/AquaNet/src/app.sass
+++ b/AquaNet/src/app.sass
@@ -134,7 +134,7 @@ button.icon
 .error
   color: vars.$c-error
 
-input
+input, textarea
   border-radius: vars.$border-radius
   border: 1px solid transparent
   padding: 0.6em 1.2em
@@ -144,6 +144,10 @@ input
   background-color: vars.$ov-lighter
   transition: vars.$transition
   box-sizing: border-box
+  resize: none
+
+textarea
+  height: 5em
 
 // Dropdown
 select
diff --git a/AquaNet/src/pages/User/Settings.svelte b/AquaNet/src/pages/User/Settings.svelte
index 75f0b9dd..1cbcccf7 100644
--- a/AquaNet/src/pages/User/Settings.svelte
+++ b/AquaNet/src/pages/User/Settings.svelte
@@ -28,8 +28,9 @@
     [ 'displayName', t('settings.profile.name') ],
     [ 'username', t('settings.profile.username') ],
     [ 'password', t('settings.profile.password') ],
+    /* Neither of these did anything of importance
     [ 'country', t('settings.profile.country') ],
-    [ 'profileLocation', t('settings.profile.location') ],
+    [ 'profileLocation', t('settings.profile.location') ],*/
     [ 'profileBio', t('settings.profile.bio') ],
   ] as const
 
@@ -165,9 +166,14 @@
         <div class="field">
           <label for={field}>{name}</label>
           <div>
-            <input id={field} type="text" use:passwordAction={field === 'password'}
-                   bind:value={me[field]} on:input={() => changed = [...changed, field]}
-                   placeholder={field === 'password' ? t('settings.profile.unchanged') : t('settings.profile.unset')}/>
+            {#if field == "profileBio"}
+             <textarea id={field} bind:value={me[field]} on:input={() => changed = [...changed, field]} maxlength=255 placeholder={field === 'password' ? t('settings.profile.unchanged') : t('settings.profile.unset')}></textarea>
+            {:else}
+              <input id={field} type="text" use:passwordAction={field === 'password'}
+                bind:value={me[field]} on:input={() => changed = [...changed, field]}
+                placeholder={field === 'password' ? t('settings.profile.unchanged') : t('settings.profile.unset')}/>
+            {/if}
+
             {#if changed.includes(field) && me[field]}
               <button transition:slide={{axis: 'x'}} on:click={() => submit(field, me[field])}>
                 {#if submitting === field}
@@ -256,7 +262,7 @@
       gap: 1rem
       margin-top: 0.5rem
 
-      > input
+      > input, > textarea
         flex: 1
 
     img
@@ -266,6 +272,8 @@
       object-fit: cover
       aspect-ratio: 1
 
+      
+
   .cropper-container
     position: relative
     width: 400px