fix: update button actions and icons in UserMenu for better UX

OpenNBS · Jan 1, 2025 · e5c6301 · e5c6301
1 parent 765fce8
commit e5c6301
Showing 1 changed file with 13 additions and 6 deletions.
diff --git a/web/src/modules/shared/components/layout/UserMenu.tsx b/web/src/modules/shared/components/layout/UserMenu.tsx
@@ -135,18 +135,25 @@ export const UserMenu = ({ userData }: { userData: LoggedUserData }) => {
                           },
                         })}
                       />
-                      <button onClick={() => setIsEditingUsername(false)}>
+                      <button
+                        className='ml-1'
+                        disabled={isSubmitting}
+                        type='submit'
+                      >
                         <FontAwesomeIcon
-                          icon={faClose}
+                          icon={faCheck}
                           size='lg'
-                          className='text-zinc-400 hover:text-red-500'
+                          className='text-zinc-400 hover:text-green-500'
                         />
                       </button>
-                      <button disabled={isSubmitting} type='submit'>
+                      <button
+                        className='ml-1'
+                        onClick={() => setIsEditingUsername(false)}
+                      >
                         <FontAwesomeIcon
-                          icon={faCheck}
+                          icon={faClose}
                           size='lg'
-                          className='text-zinc-400 hover:text-green-500'
+                          className='text-zinc-400 hover:text-red-500'
                         />
                       </button>
                     </form>