From 79d4c5f74e77b765e4cf6af74c50063836b5adeb Mon Sep 17 00:00:00 2001
From: sehyunidaaa <139780851+sehyunidaaa@users.noreply.github.com>
Date: Mon, 26 Feb 2024 17:50:06 +0800
Subject: [PATCH] Update LoginPage.tsx (#1814)

swap tab orders for login page (put email login first)
---
 src/layouts/Login/LoginPage.tsx | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/layouts/Login/LoginPage.tsx b/src/layouts/Login/LoginPage.tsx
index 0fcd8b3af..3ad7f3fdc 100644
--- a/src/layouts/Login/LoginPage.tsx
+++ b/src/layouts/Login/LoginPage.tsx
@@ -163,25 +163,10 @@ const LoginContent = (): JSX.Element => {
       </Infobox>
       <Tabs width="100%">
         <TabList>
-          <Tab>Github Login</Tab>
           <Tab>Email Login</Tab>
+          <Tab>Github Login</Tab>
         </TabList>
         <TabPanels pt="2rem" minHeight="16.5rem">
-          <TabPanel>
-            <Button
-              as={Link}
-              rel="noopener noreferrer"
-              textDecoration="none"
-              w="full"
-              _hover={{
-                textDecoration: "none",
-                bgColor: "primary.600",
-              }}
-              href={`${process.env.REACT_APP_BACKEND_URL_V2}/auth/github-redirect`}
-            >
-              <Text color="white">Log in with GitHub</Text>
-            </Button>
-          </TabPanel>
           <TabPanel>
             <Button
               onClick={() => getSgidAuth()}
@@ -227,6 +212,21 @@ const LoginContent = (): JSX.Element => {
               />
             )}
           </TabPanel>
+          <TabPanel>
+            <Button
+              as={Link}
+              rel="noopener noreferrer"
+              textDecoration="none"
+              w="full"
+              _hover={{
+                textDecoration: "none",
+                bgColor: "primary.600",
+              }}
+              href={`${process.env.REACT_APP_BACKEND_URL_V2}/auth/github-redirect`}
+            >
+              <Text color="white">Log in with GitHub</Text>
+            </Button>
+          </TabPanel>
           <Text color="text.helper" fontSize="0.625rem" pt="2rem">
             {
               "By logging into the IsomerCMS, you are acknowledging and agreeing to Isomer's "