Remote social login route: reset state and conditional rendering

Author: uldisrudzitis

editor/src/app/app-state/app.state.ts

@@ -212,6 +212,8 @@ export class AppState implements NgxsOnInit {
     setState({
       ...defaultState,
       forgotPasswordUrl: state.forgotPasswordUrl,
+      googleLoginUrl: state.googleLoginUrl,
+      facebookLoginUrl: state.facebookLoginUrl,
       isBertaHosting: state.isBertaHosting,
       plans: state.plans,
       loginUrl: state.loginUrl,

editor/src/app/login/login.component.ts

@@ -27,26 +27,33 @@ import { UserState } from '../user/user.state';
               <berta-loading></berta-loading>
             </div>
           } @else {
-            @if (appState.isBertaHosting) {
+            @if (
+              appState.isBertaHosting &&
+              (appState.facebookLoginUrl || appState.googleLoginUrl)
+            ) {
               <div class="form-group social-login">
-                <a
-                  href="{{ appState.facebookLoginUrl }}?remote_redirect={{
-                    appState.authenticateUrl
-                  }}"
-                  class="button facebook"
-                >
-                  <bt-icon-facebook></bt-icon-facebook>
-                  <p>Log in with Facebook</p></a
-                >
-                <a
-                  href="{{ appState.googleLoginUrl }}?remote_redirect={{
-                    appState.authenticateUrl
-                  }}"
-                  class="button google"
-                >
-                  <bt-icon-google></bt-icon-google>
-                  <p>Sign in with Google</p></a
-                >
+                @if (appState.facebookLoginUrl) {
+                  <a
+                    href="{{ appState.facebookLoginUrl }}?remote_redirect={{
+                      appState.authenticateUrl
+                    }}"
+                    class="button facebook"
+                  >
+                    <bt-icon-facebook></bt-icon-facebook>
+                    <p>Log in with Facebook</p></a
+                  >
+                }
+                @if (appState.googleLoginUrl) {
+                  <a
+                    href="{{ appState.googleLoginUrl }}?remote_redirect={{
+                      appState.authenticateUrl
+                    }}"
+                    class="button google"
+                  >
+                    <bt-icon-google></bt-icon-google>
+                    <p>Sign in with Google</p></a
+                  >
+                }
                 <p>or</p>
               </div>
             }