From fddf5270b69eb9d70688279c9636d2f24eec8859 Mon Sep 17 00:00:00 2001
From: Denis Bykhov <bykhov.denis@gmail.com>
Date: Fri, 1 Mar 2024 22:10:29 +0600
Subject: [PATCH] Disable social login for mobile (#4852)
Signed-off-by: Denis Bykhov <bykhov.denis@gmail.com>
---
.../src/components/Providers.svelte | 30 ++++++++++---------
1 file changed, 16 insertions(+), 14 deletions(-)
diff --git a/plugins/login-resources/src/components/Providers.svelte b/plugins/login-resources/src/components/Providers.svelte
index e9adba0044..7a20a309bc 100644
--- a/plugins/login-resources/src/components/Providers.svelte
+++ b/plugins/login-resources/src/components/Providers.svelte
@@ -1,7 +1,7 @@
<script lang="ts">
import { concatLink } from '@hcengineering/core'
import { getMetadata } from '@hcengineering/platform'
- import { AnySvelteComponent, Button, Grid, getCurrentLocation } from '@hcengineering/ui'
+ import { AnySvelteComponent, Button, Grid, deviceOptionsStore, getCurrentLocation } from '@hcengineering/ui'
import { onMount } from 'svelte'
import login from '../plugin'
import { getProviders } from '../utils'
@@ -49,19 +49,21 @@
}
</script>
-<div class="container">
- <Grid column={getColumnsCount(enabledProviders.length)} columnGap={1} rowGap={1} alignItems={'center'}>
- {#each enabledProviders as provider}
- <a href={getLink(provider)} target="_blank" rel="noopener noreferrer">
- <Button kind={'contrast'} shape={'round2'} size={'x-large'} width="100%" stopPropagation={false}>
- <svelte:fragment slot="content">
- <svelte:component this={provider.component} />
- </svelte:fragment>
- </Button>
- </a>
- {/each}
- </Grid>
-</div>
+{#if !$deviceOptionsStore.isMobile}
+ <div class="container">
+ <Grid column={getColumnsCount(enabledProviders.length)} columnGap={1} rowGap={1} alignItems={'center'}>
+ {#each enabledProviders as provider}
+ <a href={getLink(provider)} target="_blank" rel="noopener noreferrer">
+ <Button kind={'contrast'} shape={'round2'} size={'x-large'} width="100%" stopPropagation={false}>
+ <svelte:fragment slot="content">
+ <svelte:component this={provider.component} />
+ </svelte:fragment>
+ </Button>
+ </a>
+ {/each}
+ </Grid>
+ </div>
+{/if}
<style lang="scss">
.container {