Added account info page

Author: balajidharma

README.md

@@ -41,6 +41,8 @@
 	<img src="https://user-images.githubusercontent.com/6037466/184547433-25f6a5a6-4e53-4448-948a-82f18a58d84c.png">
 	<br/><br/>
 	<img src="https://user-images.githubusercontent.com/6037466/184547446-d482df44-0835-4a37-8482-83d5279269fb.png">
+	<br/><br/>
+	<img src="https://user-images.githubusercontent.com/6037466/184570672-6413384d-a5c4-461b-9c8e-d97ede29a21f.png">
 </p>
 
 ## License

app/Http/Controllers/Admin/UserController.php

@@ -175,7 +175,7 @@ public function accountInfo()
      */
     public function accountInfoStore(Request $request)
     {
-        $request->validateWithBag('account', [
+        $request->validate('account', [
             'name' => ['required', 'string', 'max:255'],
             'email' => ['required', 'string', 'email', 'max:255', 'unique:users,email,'.\Auth::user()->id],
         ]);
@@ -213,7 +213,7 @@ public function changePasswordStore(Request $request)
             }
         });
 
-        $validator->validateWithBag('password');
+        $validator->validate();
 
         $user = \Auth::user()->update([
             'password' => Hash::make($request->input('old_password')),

resources/js/Pages/Admin/User/AccountInfo.vue

@@ -69,7 +69,11 @@ const passwordForm = useForm({
               name="name"
               required
               :error="profileForm.errors.name"
-            />
+            >
+            <div class="text-red-400 text-sm" v-if="profileForm.errors.name">
+              {{ profileForm.errors.name }}
+            </div>
+            </FormControl>
           </FormField>
           <FormField
             label="Email"
@@ -83,7 +87,11 @@ const passwordForm = useForm({
               name="email"
               required
               :error="profileForm.errors.email"
-            />
+            >
+            <div class="text-red-400 text-sm" v-if="profileForm.errors.email">
+              {{ profileForm.errors.email }}
+            </div>
+            </FormControl>
           </FormField>
 
           <template #footer>
@@ -113,7 +121,11 @@ const passwordForm = useForm({
               type="password"
               required
               :error="passwordForm.errors.old_password"
-            />
+            >
+            <div class="text-red-400 text-sm" v-if="passwordForm.errors.old_password">
+              {{ passwordForm.errors.old_password }}
+            </div>
+            </FormControl>
           </FormField>
 
           <BaseDivider />
@@ -130,7 +142,11 @@ const passwordForm = useForm({
               type="password"
               required
               :error="passwordForm.errors.new_password"
-            />
+            >
+            <div class="text-red-400 text-sm" v-if="passwordForm.errors.new_password">
+              {{ passwordForm.errors.new_password }}
+            </div>
+            </FormControl>
           </FormField>
 
           <FormField
@@ -145,7 +161,11 @@ const passwordForm = useForm({
               type="password"
               required
               :error="passwordForm.errors.confirm_password"
-            />
+            >
+            <div class="text-red-400 text-sm" v-if="passwordForm.errors.confirm_password">
+              {{ passwordForm.errors.confirm_password }}
+            </div>
+            </FormControl>
           </FormField>
 
           <template #footer>