Update LoginPage.tsx

Updated Options for both Cloud and SH OAuth

Author: seamon67

src/webapp/features/auth/LoginPage.tsx

@@ -4,8 +4,14 @@ import { useState } from "react";
 import { Link, useSearchParams } from "react-router-dom";
 import { DataResidency } from "./DataResidency";
 import { LegalNotice } from "./LegalNotice";
+import { isManagedCloud } from "@features/env";
+import { isOAuthEnabled } from "@features/env";
+import { Button } from "@components/Button";
+import { TextInput } from "@components/TextInput";
 import { Logo } from "./Logo";
 import { RegionSwitch } from "./RegionSwitch";
+import { SignInWithGitHub } from "./SignInWithGitHub";
+import { SignInWithGoogle } from "./SignInWithGoogle";
 import { SignInWithAuthentik } from "./SignInWithAuthentik";
 
 type FormStatus = "idle" | "loading" | "success" | "notfound";
@@ -79,24 +85,42 @@ export function Component() {
       </div>
       <div className="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
         <div className="py-8 px-4 sm:rounded-lg sm:px-10">
-          {/* {isOAuthEnabled && ( */}
+           {!isManagedCloud && ( 
           <>
             <div className="space-y-2">
               <SignInWithAuthentik />
             </div>
 
-            {/* <div className="relative my-4">
+            { <div className="relative my-4">
               <div className="absolute inset-0 flex items-center" aria-hidden="true">
                 <div className="w-full border-t" />
               </div>
               <div className="relative flex justify-center text-sm">
                 <span className="px-2 bg-muted">OR</span>
               </div>
-            </div> */}
+            </div> }
           </>
-          {/* )} */}
+           )} 
+           
+           {isOAuthEnabled && (
+            <>
+              <div className="space-y-2">
+                <SignInWithGitHub />
+                <SignInWithGoogle />
+              </div>
+
+              <div className="relative my-4">
+                <div className="absolute inset-0 flex items-center" aria-hidden="true">
+                  <div className="w-full border-t" />
+                </div>
+                <div className="relative flex justify-center text-sm">
+                  <span className="px-2 bg-muted">OR</span>
+                </div>
+              </div>
+            </>
+          )}
 
-          {/* <form onSubmit={handleSubmit} className="flex flex-col space-y-4">
+          { <form onSubmit={handleSubmit} className="flex flex-col space-y-4">
             <TextInput
               label="Enter your email address"
               name="email"
@@ -111,7 +135,7 @@ export function Component() {
             <p className="text-center text-sm h-10 text-muted-foreground">
               <StatusMessage status={status} />
             </p>
-          </form> */}
+          </form> }
         </div>
         <LegalNotice operation="signin" />
         <RegionSwitch />