Update LoginPage.tsx (#1814)

swap tab orders for login page (put email login first)
isomerpages · Feb 26, 2024 · 79d4c5f · 79d4c5f
1 parent 62a7b1a
commit 79d4c5f
Showing 1 changed file with 16 additions and 16 deletions.
diff --git 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 "