From 6eb4a6c5dab45ced91a8d20926681024cc4b4961 Mon Sep 17 00:00:00 2001
From: Tajim <com.tajim@gmail.com>
Date: Sat, 19 Sep 2026 23:15:41 +0600
Subject: [PATCH] fix(user): limit user about bio validation to 255 characters

---
 .../Requests/Profile/UpdateProfileRequest.php |  2 +-
 app/Http/Requests/User/StoreUserRequest.php   |  2 +-
 app/Http/Requests/User/UpdateUserRequest.php  |  2 +-
 resources/js/pages/Profile.vue                | 20 +++++++++++++------
 .../js/pages/admin/users/CreateOrEdit.vue     | 16 ++++++++++-----
 tests/Feature/UserProfileTest.php             |  6 ++++++
 6 files changed, 34 insertions(+), 14 deletions(-)

diff --git a/app/Http/Requests/Profile/UpdateProfileRequest.php b/app/Http/Requests/Profile/UpdateProfileRequest.php
index 922ea1d1..1d55ba22 100644
--- a/app/Http/Requests/Profile/UpdateProfileRequest.php
+++ b/app/Http/Requests/Profile/UpdateProfileRequest.php
@@ -37,7 +37,7 @@ public function rules(): array
             ],
             'file' => ['sometimes', 'nullable', 'image', 'mimes:jpg,jpeg,png,webp', 'max:5120'],
             'clear_image' => ['sometimes', 'boolean'],
-            'about' => ['sometimes', 'nullable', 'string', 'max:1000', new CleanText],
+            'about' => ['sometimes', 'nullable', 'string', 'max:255', new CleanText],
             'institution' => ['sometimes', 'nullable', 'string', 'max:255', new CleanText],
             'activity_privacy' => ['sometimes', 'string', Rule::in(['public', 'appreciators_only', 'private'])],
             'allow_pokes' => ['sometimes', 'boolean'],
diff --git a/app/Http/Requests/User/StoreUserRequest.php b/app/Http/Requests/User/StoreUserRequest.php
index fdf6b3c7..8ae8248e 100644
--- a/app/Http/Requests/User/StoreUserRequest.php
+++ b/app/Http/Requests/User/StoreUserRequest.php
@@ -33,7 +33,7 @@ public function rules(): array
             'permissions' => ['nullable', 'array'],
             'permissions.*' => ['string', 'exists:permissions,name'],
             'file' => ['nullable', 'image', 'mimes:jpg,jpeg,png,webp', 'max:5120'],
-            'about' => ['nullable', 'string', 'max:1000', new CleanText],
+            'about' => ['nullable', 'string', 'max:255', new CleanText],
             'title' => ['nullable', 'string', 'max:255', new CleanText],
             'institution' => ['nullable', 'string', 'max:255', new CleanText],
             'facebook' => ['nullable', 'string', 'max:255'],
diff --git a/app/Http/Requests/User/UpdateUserRequest.php b/app/Http/Requests/User/UpdateUserRequest.php
index f68c8828..93ac7623 100644
--- a/app/Http/Requests/User/UpdateUserRequest.php
+++ b/app/Http/Requests/User/UpdateUserRequest.php
@@ -39,7 +39,7 @@ public function rules(): array
             ],
             'email' => ['sometimes', 'email', 'unique:users,email,'.$user->id],
             'file' => ['sometimes', 'nullable', 'image', 'mimes:jpg,jpeg,png,webp', 'max:5120'],
-            'about' => ['sometimes', 'nullable', 'string', 'max:1000', new CleanText],
+            'about' => ['sometimes', 'nullable', 'string', 'max:255', new CleanText],
             'title' => ['sometimes', 'nullable', 'string', 'max:255', new CleanText],
             'institution' => ['sometimes', 'nullable', 'string', 'max:255', new CleanText],
             'facebook' => ['sometimes', 'nullable', 'string', 'max:255'],
diff --git a/resources/js/pages/Profile.vue b/resources/js/pages/Profile.vue
index a58f23f7..79b0424a 100644
--- a/resources/js/pages/Profile.vue
+++ b/resources/js/pages/Profile.vue
@@ -382,16 +382,24 @@ const submitForm = () => {
                     </div>
 
                     <div class="sm:col-span-2">
-                        <label
-                            for="about"
-                            class="mb-1.5 block text-xs font-semibold text-slate-700 dark:text-gray-300"
-                        >
-                            About / Bio
-                        </label>
+                        <div class="mb-1.5 flex items-center justify-between">
+                            <label
+                                for="about"
+                                class="block text-xs font-semibold text-slate-700 dark:text-gray-300"
+                            >
+                                About / Bio
+                            </label>
+                            <span
+                                class="text-xs text-slate-400 dark:text-gray-500"
+                            >
+                                {{ form.about?.length || 0 }}/255
+                            </span>
+                        </div>
                         <textarea
                             v-model="form.about"
                             id="about"
                             rows="3"
+                            maxlength="255"
                             placeholder="Tell us a little bit about yourself..."
                             :disabled="form.processing"
                             class="w-full rounded-lg border border-slate-300 bg-white px-3.5 py-2.5 text-sm text-slate-900 transition outline-none placeholder:text-slate-400 focus:border-blue-500 focus:ring-2 focus:ring-blue-500/20 disabled:bg-slate-50 dark:border-gray-600 dark:bg-gray-950 dark:text-gray-100 dark:placeholder:text-gray-500"
diff --git a/resources/js/pages/admin/users/CreateOrEdit.vue b/resources/js/pages/admin/users/CreateOrEdit.vue
index e3c2d71b..bf0bcc1f 100644
--- a/resources/js/pages/admin/users/CreateOrEdit.vue
+++ b/resources/js/pages/admin/users/CreateOrEdit.vue
@@ -498,15 +498,21 @@ const submitForm = () => {
             </div>
 
             <div>
-                <label
-                    for="about"
-                    class="mb-1.5 block text-sm font-semibold text-slate-700 dark:text-gray-300"
-                    >About</label
-                >
+                <div class="mb-1.5 flex items-center justify-between">
+                    <label
+                        for="about"
+                        class="block text-sm font-semibold text-slate-700 dark:text-gray-300"
+                        >About</label
+                    >
+                    <span class="text-xs text-slate-400 dark:text-gray-500">
+                        {{ form.about?.length || 0 }}/255
+                    </span>
+                </div>
                 <textarea
                     v-model="form.about"
                     id="about"
                     rows="4"
+                    maxlength="255"
                     placeholder="Short bio..."
                     :disabled="form.processing"
                     class="w-full rounded-lg border bg-white px-4 py-2.5 text-slate-900 transition outline-none placeholder:text-slate-400 disabled:bg-slate-50 disabled:text-slate-500 dark:bg-gray-900 dark:text-gray-100 dark:placeholder:text-gray-500 dark:disabled:bg-gray-800 dark:disabled:text-gray-400"
diff --git a/tests/Feature/UserProfileTest.php b/tests/Feature/UserProfileTest.php
index d9c01391..afb15310 100644
--- a/tests/Feature/UserProfileTest.php
+++ b/tests/Feature/UserProfileTest.php
@@ -263,6 +263,12 @@
         'institution' => 'Offensive College',
     ]);
     $response->assertSessionHasErrors(['institution']);
+
+    $response = $this->actingAs($user)->put('/profile', [
+        'name' => 'John Doe',
+        'about' => str_repeat('a', 256),
+    ]);
+    $response->assertSessionHasErrors(['about']);
 });
 
 test('user image_url accessor generates storage url for image_path', function () {