Move TOS and Privacy Policy inside modal

This commit is contained in:
Gregório Granado Magalhães 2022-03-02 12:30:56 -03:00
parent aa73f363bc
commit 6233b00ce5
2 changed files with 12 additions and 10 deletions

View File

@ -1,11 +1,10 @@
<script lang="ts">
import { onMount } from 'svelte';
import Portis from '@portis/web3';
import { Client } from '@spruceid/siwe-web3modal';
import Torus from '@toruslabs/torus-embed';
import WalletConnectProvider from '@walletconnect/web3-provider';
import Fortmatic from 'fortmatic';
import { onMount } from 'svelte';
import WalletLink from 'walletlink';
// TODO: REMOVE DEFAULTS:
@ -101,7 +100,9 @@
client.on('signIn', (result) => {
console.log(result);
window.location.replace(
`/sign_in?redirect_uri=${encodeURI(redirect)}&state=${encodeURI(state)}&client_id=${encodeURI(client_id)}${encodeURI(oidc_nonce_param)}`,
`/sign_in?redirect_uri=${encodeURI(redirect)}&state=${encodeURI(state)}&client_id=${encodeURI(
client_id,
)}${encodeURI(oidc_nonce_param)}`,
);
});
</script>
@ -114,13 +115,15 @@
{#if client_metadata.logo_uri}
<div class="flex justify-evenly items-stretch">
<img height="72" width="72" class="self-center mb-8" src="img/modal_icon.png" alt="Ethereum logo" />
<img height="72" width="72" class="self-center mb-8" src="{client_metadata.logo_uri}" alt="Client logo" />
<img height="72" width="72" class="self-center mb-8" src={client_metadata.logo_uri} alt="Client logo" />
</div>
{:else}
<img height="72" width="72" class="self-center mb-8" src="img/modal_icon.png" alt="Ethereum logo" />
{/if}
<h5>Welcome</h5>
<span class="text-xs">Sign-In with Ethereum to continue to {client_metadata.client_name ? client_metadata.client_name : domain}</span>
<span class="text-xs">
Sign-In with Ethereum to continue to {client_metadata.client_name ? client_metadata.client_name : domain}
</span>
<button
class="h-12 border hover:scale-105 justify-evenly shadow-xl border-white mt-auto duration-100 ease-in-out transition-all transform flex items-center"
@ -156,6 +159,10 @@
</svg>
<p class="font-bold">Sign-In with Ethereum</p>
</button>
<small class="self-center mt-4 mb-2 text-center font-semibold">
By using this service you agree to the <a href="/legal/terms-of-use.pdf">Terms of Use</a> and
<a href="/legal/privacy-policy.pdf">Privacy Policy</a>.
</small>
{#if client_metadata.client_uri}
<span class="text-xs mt-4">Request linked to {client_metadata.client_uri}</span>

View File

@ -17,9 +17,4 @@
</head>
<body></body>
<footer>
<a href="/legal/privacy-policy.pdf">Privacy Policy</a>
<a href="/legal/terms-of-use.pdf">Terms of Use</a>
</footer>
</html>