From 456b327046a82bffc0e2e15afc1bc21cbbb7753a Mon Sep 17 00:00:00 2001
From: satnaing <satnaingdev@gmail.com>
Date: Mon, 11 Nov 2024 18:51:41 +0700
Subject: [PATCH] chore: run code formatting

---
 src/components/nav.tsx                  | 2 +-
 src/components/sidebar.tsx              | 2 +-
 src/components/user-nav.tsx             | 8 ++++----
 src/pages/errors/general-error.tsx      | 4 ++--
 src/pages/errors/maintenance-error.tsx  | 4 ++--
 src/pages/errors/not-found-error.tsx    | 4 ++--
 src/pages/errors/unauthorised-error.tsx | 4 ++--
 7 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/components/nav.tsx b/src/components/nav.tsx
index 04dc1137..7c89c808 100644
--- a/src/components/nav.tsx
+++ b/src/components/nav.tsx
@@ -204,7 +204,7 @@ function NavLinkIconDropdown({ title, icon, label, sub }: NavLinkProps) {
             <Button
               variant={isChildActive ? 'secondary' : 'ghost'}
               size='icon'
-              className='w-12 h-12'
+              className='h-12 w-12'
             >
               {icon}
             </Button>
diff --git a/src/components/sidebar.tsx b/src/components/sidebar.tsx
index 419de13c..693b2899 100644
--- a/src/components/sidebar.tsx
+++ b/src/components/sidebar.tsx
@@ -113,7 +113,7 @@ export default function Sidebar({
           onClick={() => setIsCollapsed((prev) => !prev)}
           size='icon'
           variant='outline'
-          className='absolute z-50 hidden rounded-full -right-5 top-1/2 md:inline-flex'
+          className='absolute -right-5 top-1/2 z-50 hidden rounded-full md:inline-flex'
         >
           <IconChevronsLeft
             stroke={1.5}
diff --git a/src/components/user-nav.tsx b/src/components/user-nav.tsx
index 176045a1..58531ecb 100644
--- a/src/components/user-nav.tsx
+++ b/src/components/user-nav.tsx
@@ -13,12 +13,12 @@ import {
 import { useTranslations } from 'use-intl'
 
 export function UserNav() {
-  const t = useTranslations('userNav');
+  const t = useTranslations('userNav')
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
-        <Button variant='ghost' className='relative w-8 h-8 rounded-full'>
-          <Avatar className='w-8 h-8'>
+        <Button variant='ghost' className='relative h-8 w-8 rounded-full'>
+          <Avatar className='h-8 w-8'>
             <AvatarImage src='/avatars/01.png' alt='@shadcn' />
             <AvatarFallback>SN</AvatarFallback>
           </Avatar>
@@ -47,7 +47,7 @@ export function UserNav() {
             {t('settings')}
             <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>
           </DropdownMenuItem>
-          <DropdownMenuItem>{t("new_team")}</DropdownMenuItem>
+          <DropdownMenuItem>{t('new_team')}</DropdownMenuItem>
         </DropdownMenuGroup>
         <DropdownMenuSeparator />
         <DropdownMenuItem>
diff --git a/src/pages/errors/general-error.tsx b/src/pages/errors/general-error.tsx
index 6750f0a6..db5bdfb0 100644
--- a/src/pages/errors/general-error.tsx
+++ b/src/pages/errors/general-error.tsx
@@ -15,7 +15,7 @@ export default function GeneralError({
   const t = useTranslations('error')
   return (
     <div className={cn('h-svh w-full', className)}>
-      <div className='flex flex-col items-center justify-center w-full h-full gap-2 m-auto'>
+      <div className='m-auto flex h-full w-full flex-col items-center justify-center gap-2'>
         {!minimal && (
           <h1 className='text-[7rem] font-bold leading-tight'>500</h1>
         )}
@@ -24,7 +24,7 @@ export default function GeneralError({
           {t.rich('500_desc', { br: () => <br /> })}
         </p>
         {!minimal && (
-          <div className='flex gap-4 mt-6'>
+          <div className='mt-6 flex gap-4'>
             <Button variant='outline' onClick={() => navigate(-1)}>
               {t('go_back')}
             </Button>
diff --git a/src/pages/errors/maintenance-error.tsx b/src/pages/errors/maintenance-error.tsx
index bb02137a..66b99846 100644
--- a/src/pages/errors/maintenance-error.tsx
+++ b/src/pages/errors/maintenance-error.tsx
@@ -5,13 +5,13 @@ export default function MaintenanceError() {
   const t = useTranslations('error')
   return (
     <div className='h-svh'>
-      <div className='flex flex-col items-center justify-center w-full h-full gap-2 m-auto'>
+      <div className='m-auto flex h-full w-full flex-col items-center justify-center gap-2'>
         <h1 className='text-[7rem] font-bold leading-tight'>503</h1>
         <span className='font-medium'>{t('maintenance_title')}</span>
         <p className='text-center text-muted-foreground'>
           {t.rich('maintenance_desc', { br: () => <br /> })}
         </p>
-        <div className='flex gap-4 mt-6'>
+        <div className='mt-6 flex gap-4'>
           <Button variant='outline'>{t('learn_more')}</Button>
         </div>
       </div>
diff --git a/src/pages/errors/not-found-error.tsx b/src/pages/errors/not-found-error.tsx
index 52b2cdb4..abb3da5b 100644
--- a/src/pages/errors/not-found-error.tsx
+++ b/src/pages/errors/not-found-error.tsx
@@ -7,13 +7,13 @@ export default function NotFoundError() {
   const t = useTranslations('error')
   return (
     <div className='h-svh'>
-      <div className='flex flex-col items-center justify-center w-full h-full gap-2 m-auto'>
+      <div className='m-auto flex h-full w-full flex-col items-center justify-center gap-2'>
         <h1 className='text-[7rem] font-bold leading-tight'>404</h1>
         <span className='font-medium'>{t('404_title')}</span>
         <p className='text-center text-muted-foreground'>
           {t.rich('404_desc', { br: () => <br /> })}
         </p>
-        <div className='flex gap-4 mt-6'>
+        <div className='mt-6 flex gap-4'>
           <Button variant='outline' onClick={() => navigate(-1)}>
             {t('go_back')}
           </Button>
diff --git a/src/pages/errors/unauthorised-error.tsx b/src/pages/errors/unauthorised-error.tsx
index 2b435e1f..66f468df 100644
--- a/src/pages/errors/unauthorised-error.tsx
+++ b/src/pages/errors/unauthorised-error.tsx
@@ -7,13 +7,13 @@ export default function UnauthorisedError() {
   const t = useTranslations('error')
   return (
     <div className='h-svh'>
-      <div className='flex flex-col items-center justify-center w-full h-full gap-2 m-auto'>
+      <div className='m-auto flex h-full w-full flex-col items-center justify-center gap-2'>
         <h1 className='text-[7rem] font-bold leading-tight'>401</h1>
         <span className='font-medium'>{t('unauthorised_title')}</span>
         <p className='text-center text-muted-foreground'>
           {t.rich('unauthorised_desc', { br: () => <br /> })}
         </p>
-        <div className='flex gap-4 mt-6'>
+        <div className='mt-6 flex gap-4'>
           <Button variant='outline' onClick={() => navigate(-1)}>
             {t('go_back')}
           </Button>