From d5c7eefd32569593d0b3a9b7a154ace37a470e68 Mon Sep 17 00:00:00 2001
From: Kunal Gupta <39487888+iamKunalGupta@users.noreply.github.com>
Date: Mon, 8 Jan 2024 17:55:47 +0530
Subject: [PATCH] chore(ui): reformat via prettier

---
 ui/app/alert-config/layout.tsx         |   6 +-
 ui/app/api/auth/[...nextauth]/route.ts |   4 +-
 ui/app/config/config.ts                |   4 +-
 ui/app/mirrors/layout.tsx              |   6 +-
 ui/app/peers/layout.tsx                |   6 +-
 ui/components/Logout.tsx               |   7 +-
 ui/components/SidebarComponent.tsx     | 144 ++++++++++++-------------
 ui/middleware.ts                       |   6 +-
 8 files changed, 85 insertions(+), 98 deletions(-)

diff --git a/ui/app/alert-config/layout.tsx b/ui/app/alert-config/layout.tsx
index f3af4631fd..69a53b44ea 100644
--- a/ui/app/alert-config/layout.tsx
+++ b/ui/app/alert-config/layout.tsx
@@ -3,9 +3,5 @@ import { Layout } from '@/lib/Layout';
 import { PropsWithChildren } from 'react';
 
 export default function PageLayout({ children }: PropsWithChildren) {
-  return (
-    <Layout sidebar={<SidebarComponent />}>
-      {children}
-    </Layout>
-  );
+  return <Layout sidebar={<SidebarComponent />}>{children}</Layout>;
 }
diff --git a/ui/app/api/auth/[...nextauth]/route.ts b/ui/app/api/auth/[...nextauth]/route.ts
index 0382c1fb82..a19cf278ac 100644
--- a/ui/app/api/auth/[...nextauth]/route.ts
+++ b/ui/app/api/auth/[...nextauth]/route.ts
@@ -1,7 +1,5 @@
-import NextAuth from 'next-auth';
 import { authOptions } from '@/app/auth/options';
-
+import NextAuth from 'next-auth';
 
 const handler = NextAuth(authOptions);
-
 export { handler as GET, handler as POST };
diff --git a/ui/app/config/config.ts b/ui/app/config/config.ts
index 867a00d3d8..4e613fa084 100644
--- a/ui/app/config/config.ts
+++ b/ui/app/config/config.ts
@@ -3,5 +3,5 @@ export var Configuration = {
     PEERDB_PASSWORD: process.env.PEERDB_PASSWORD,
     // Set this in production to a static value
     NEXTAUTH_SECRET: process.env.NEXTAUTH_SECRET,
-  }
-}
+  },
+};
diff --git a/ui/app/mirrors/layout.tsx b/ui/app/mirrors/layout.tsx
index f3af4631fd..69a53b44ea 100644
--- a/ui/app/mirrors/layout.tsx
+++ b/ui/app/mirrors/layout.tsx
@@ -3,9 +3,5 @@ import { Layout } from '@/lib/Layout';
 import { PropsWithChildren } from 'react';
 
 export default function PageLayout({ children }: PropsWithChildren) {
-  return (
-    <Layout sidebar={<SidebarComponent />}>
-      {children}
-    </Layout>
-  );
+  return <Layout sidebar={<SidebarComponent />}>{children}</Layout>;
 }
diff --git a/ui/app/peers/layout.tsx b/ui/app/peers/layout.tsx
index f3af4631fd..69a53b44ea 100644
--- a/ui/app/peers/layout.tsx
+++ b/ui/app/peers/layout.tsx
@@ -3,9 +3,5 @@ import { Layout } from '@/lib/Layout';
 import { PropsWithChildren } from 'react';
 
 export default function PageLayout({ children }: PropsWithChildren) {
-  return (
-    <Layout sidebar={<SidebarComponent />}>
-      {children}
-    </Layout>
-  );
+  return <Layout sidebar={<SidebarComponent />}>{children}</Layout>;
 }
diff --git a/ui/components/Logout.tsx b/ui/components/Logout.tsx
index 0cb508c649..8f33e6f8d9 100644
--- a/ui/components/Logout.tsx
+++ b/ui/components/Logout.tsx
@@ -1,7 +1,7 @@
 'use client';
 import { Button } from '@/lib/Button';
-import { useRouter } from 'next/navigation';
 import { useSession } from 'next-auth/react';
+import { useRouter } from 'next/navigation';
 
 export default function Logout() {
   const { data: session } = useSession();
@@ -9,7 +9,10 @@ export default function Logout() {
   if (session) {
     return (
       <Button
-        style={{ backgroundColor: 'white', border: '1px solid rgba(0,0,0,0.15)' }}
+        style={{
+          backgroundColor: 'white',
+          border: '1px solid rgba(0,0,0,0.15)',
+        }}
         onClick={() => router.push('/api/auth/signout')}
       >
         Log out
diff --git a/ui/components/SidebarComponent.tsx b/ui/components/SidebarComponent.tsx
index d0e20f65b3..0ecf06598b 100644
--- a/ui/components/SidebarComponent.tsx
+++ b/ui/components/SidebarComponent.tsx
@@ -8,10 +8,10 @@ import { Icon } from '@/lib/Icon';
 import { Label } from '@/lib/Label';
 import { RowWithSelect } from '@/lib/Layout';
 import { Sidebar, SidebarItem } from '@/lib/Sidebar';
+import { SessionProvider } from 'next-auth/react';
 import Link from 'next/link';
 import useSWR from 'swr';
 import { useLocalStorage } from 'usehooks-ts';
-import { SessionProvider } from 'next-auth/react';
 
 const centerFlexStyle = {
   display: 'flex',
@@ -21,7 +21,7 @@ const centerFlexStyle = {
   marginBottom: '0.5rem',
 };
 
-export default function SidebarComponent(props: { }) {
+export default function SidebarComponent(props: {}) {
   const timezones = ['UTC', 'Local', 'Relative'];
   const [zone, setZone] = useLocalStorage('timezone-ui', '');
 
@@ -36,79 +36,79 @@ export default function SidebarComponent(props: { }) {
 
   return (
     <SessionProvider>
-    <Sidebar
-      topTitle={
-        <Label as={Link} href='/'>
-          <div className='cursor-pointer'>
-            <BrandLogo />
-          </div>
-        </Label>
-      }
-      bottomRow={
-        <>
-          <div style={centerFlexStyle}>
-            <div style={{ width: '80%' }}>
-              <RowWithSelect
-                label={<Label>Timezone:</Label>}
-                action={
-                  <select
-                    style={{
-                      borderRadius: '0.5rem',
-                      padding: '0.2rem',
-                      backgroundColor: 'transparent',
-                      boxShadow: '0px 2px 4px rgba(0,0,0,0.1)',
-                    }}
-                    value={zone}
-                    id='timeselect'
-                    onChange={(e) => setZone(e.target.value)}
-                  >
-                    {timezones.map((tz, id) => {
-                      return (
-                        <option key={id} value={tz}>
-                          {tz}
-                        </option>
-                      );
-                    })}
-                  </select>
-                }
-              />
+      <Sidebar
+        topTitle={
+          <Label as={Link} href='/'>
+            <div className='cursor-pointer'>
+              <BrandLogo />
             </div>
-          </div>
-          <Logout />
-        </>
-      }
-      bottomLabel={
-        <div style={centerFlexStyle}>
-          <Label as='label' style={{ textAlign: 'center', fontSize: 15 }}>
-            {' '}
-            <b>Version: </b>
-            {isLoading ? 'Loading...' : version?.version}
           </Label>
-        </div>
-      }
-    >
-      <SidebarItem
-        as={Link}
-        href={'/peers'}
-        leadingIcon={<Icon name='cable' />}
-      >
-        Peers
-      </SidebarItem>
-      <SidebarItem
-        as={Link}
-        href={'/mirrors'}
-        leadingIcon={<Icon name='compare_arrows' />}
-      >
-        Mirrors
-      </SidebarItem>
-      <SidebarItem
-        as={Link}
-        href={'/alert-config'}
-        leadingIcon={<Icon name='notifications' />}
+        }
+        bottomRow={
+          <>
+            <div style={centerFlexStyle}>
+              <div style={{ width: '80%' }}>
+                <RowWithSelect
+                  label={<Label>Timezone:</Label>}
+                  action={
+                    <select
+                      style={{
+                        borderRadius: '0.5rem',
+                        padding: '0.2rem',
+                        backgroundColor: 'transparent',
+                        boxShadow: '0px 2px 4px rgba(0,0,0,0.1)',
+                      }}
+                      value={zone}
+                      id='timeselect'
+                      onChange={(e) => setZone(e.target.value)}
+                    >
+                      {timezones.map((tz, id) => {
+                        return (
+                          <option key={id} value={tz}>
+                            {tz}
+                          </option>
+                        );
+                      })}
+                    </select>
+                  }
+                />
+              </div>
+            </div>
+            <Logout />
+          </>
+        }
+        bottomLabel={
+          <div style={centerFlexStyle}>
+            <Label as='label' style={{ textAlign: 'center', fontSize: 15 }}>
+              {' '}
+              <b>Version: </b>
+              {isLoading ? 'Loading...' : version?.version}
+            </Label>
+          </div>
+        }
       >
-        Alert Configuration
-      </SidebarItem>
-    </Sidebar>
+        <SidebarItem
+          as={Link}
+          href={'/peers'}
+          leadingIcon={<Icon name='cable' />}
+        >
+          Peers
+        </SidebarItem>
+        <SidebarItem
+          as={Link}
+          href={'/mirrors'}
+          leadingIcon={<Icon name='compare_arrows' />}
+        >
+          Mirrors
+        </SidebarItem>
+        <SidebarItem
+          as={Link}
+          href={'/alert-config'}
+          leadingIcon={<Icon name='notifications' />}
+        >
+          Alert Configuration
+        </SidebarItem>
+      </Sidebar>
     </SessionProvider>
   );
 }
diff --git a/ui/middleware.ts b/ui/middleware.ts
index 4ca57b44eb..81dcfdbcf4 100644
--- a/ui/middleware.ts
+++ b/ui/middleware.ts
@@ -1,17 +1,15 @@
-import { NextRequest, NextResponse } from 'next/server';
-import { withAuth } from 'next-auth/middleware';
 import { Configuration } from '@/app/config/config';
+import { withAuth } from 'next-auth/middleware';
+import { NextRequest, NextResponse } from 'next/server';
 
 const authMiddleware = withAuth({});
 
-
 export default async function middleware(req: NextRequest, resp: NextResponse) {
   if (Configuration.authentication.PEERDB_PASSWORD) {
     return (authMiddleware as any)(req);
   }
 }
 
-
 export const config = {
   matcher: [
     // Match everything other than static assets