53 lines
999 B
Svelte
53 lines
999 B
Svelte
<script>
|
|
import GoogleLogo from "assets/google-logo.png"
|
|
import { store } from "builderStore"
|
|
import { auth } from "stores/portal"
|
|
|
|
export let preAuthStep
|
|
export let datasource
|
|
|
|
$: tenantId = $auth.tenantId
|
|
</script>
|
|
|
|
<button
|
|
on:click={async () => {
|
|
let ds = datasource
|
|
if (!ds) {
|
|
ds = await preAuthStep()
|
|
}
|
|
window.open(
|
|
`/api/global/auth/${tenantId}/datasource/google?datasourceId=${ds._id}&appId=${$store.appId}`,
|
|
"_blank"
|
|
)
|
|
}}
|
|
>
|
|
<img src={GoogleLogo} alt="google icon" />
|
|
<p>Sign in with Google</p>
|
|
</button>
|
|
|
|
<style>
|
|
button {
|
|
width: 195px;
|
|
height: 40px;
|
|
font-size: 14px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
font-weight: 500;
|
|
background: #4285f4;
|
|
color: #ffffff;
|
|
border: none;
|
|
cursor: pointer;
|
|
padding: 2px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
img {
|
|
border-radius: 2px;
|
|
width: 18px;
|
|
margin-right: 11px;
|
|
background: #ffffff;
|
|
padding: 10px;
|
|
}
|
|
</style>
|