Merge pull request #3344 from numbersprotocol/fix-ios-google-login

fix(auth): Hide Google login on iOS

Hide Google login button on iOS platforms in both login and signup pages to prevent App Store rejection when Apple login is not implemented.

Author: olgahaha

.github/copilot-instructions.md

@@ -104,6 +104,7 @@ npx cap open ios              # Open in Xcode
 - Implement offline support with local database sync
 - Optimize performance with lazy loading and asset optimization
 - Follow mobile-first responsive design principles
+- **Platform Detection**: Use `Platform.is('ios')` from `@ionic/angular` instead of `Capacitor.getPlatform() === 'ios'` for better Ionic integration and consistency
 
 ## Configuration Files
 

CLAUDE.md

@@ -146,5 +146,6 @@ npx cap open ios              # Open project in Xcode
 - Use Visual Studio Code with Prettier extension
 - Run `npm run lint` before commits
 - Maintain comprehensive test coverage
+- **Platform Detection**: Use `Platform.is('ios')` from `@ionic/angular` instead of `Capacitor.getPlatform() === 'ios'` for better Ionic integration and consistency
 
 This mobile application combines modern web technologies with native mobile capabilities to create a content authenticity and blockchain integration platform.

src/app/features/login/login.page.html

@@ -14,6 +14,7 @@
   </form>
 
   <app-social-login-button
+    *ngIf="!isIOS"
     [buttonText]="t('continueWithGoogle')"
   ></app-social-login-button>
 

src/app/features/login/login.page.ts

@@ -3,7 +3,7 @@ import { Component } from '@angular/core';
 import { UntypedFormGroup } from '@angular/forms';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { ActivatedRoute, Router } from '@angular/router';
-import { AlertController } from '@ionic/angular';
+import { AlertController, Platform } from '@ionic/angular';
 import { TranslocoService } from '@ngneat/transloco';
 import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
 import { FormlyFieldConfig } from '@ngx-formly/core';
@@ -37,6 +37,10 @@ export class LoginPage {
 
   showResendEmailButton = false;
 
+  get isIOS(): boolean {
+    return this.platform.is('ios');
+  }
+
   constructor(
     private readonly blockingActionService: BlockingActionService,
     private readonly diaBackendAuthService: DiaBackendAuthService,
@@ -45,6 +49,7 @@ export class LoginPage {
     private readonly snackbar: MatSnackBar,
     private readonly onboardingService: OnboardingService,
     private readonly errorService: ErrorService,
+    private readonly platform: Platform,
     private readonly route: ActivatedRoute,
     private readonly alertController: AlertController
   ) {

src/app/features/signup/signup.page.html

@@ -18,6 +18,7 @@
   </form>
 
   <app-social-login-button
+    *ngIf="!isIOS"
     [buttonText]="t('continueWithGoogle')"
   ></app-social-login-button>
 

src/app/features/signup/signup.page.ts

@@ -2,6 +2,7 @@ import { HttpErrorResponse } from '@angular/common/http';
 import { Component } from '@angular/core';
 import { UntypedFormGroup } from '@angular/forms';
 import { Router } from '@angular/router';
+import { Platform } from '@ionic/angular';
 import { TranslocoService } from '@ngneat/transloco';
 import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
 import { FormlyFieldConfig } from '@ngx-formly/core';
@@ -31,12 +32,17 @@ export class SignupPage {
 
   fields: FormlyFieldConfig[] = [];
 
+  get isIOS(): boolean {
+    return this.platform.is('ios');
+  }
+
   constructor(
     private readonly blockingActionService: BlockingActionService,
     private readonly diaBackendAuthService: DiaBackendAuthService,
     private readonly errorService: ErrorService,
     private readonly translocoService: TranslocoService,
-    private readonly router: Router
+    private readonly router: Router,
+    private readonly platform: Platform
   ) {
     combineLatest([
       this.translocoService.selectTranslate('email'),