TornadoCash/siwe-oidc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Move TOS and Privacy Policy inside modal (#15)

Browse Source 
Also fix lock file

Co-authored-by: Simon Bihel <simon.bihel@spruceid.com>
This commit is contained in:
Gregório Granado Magalhães 2022-03-02 13:24:20 -03:00 committed by GitHub
parent aa73f363bc
commit 40eb888e5a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 4210 additions and 1135 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5319
js/ui/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

21
js/ui/src/App.svelte
View File

@ -1,11 +1,10 @@
<script lang="ts"> <script lang="ts">
import { onMount } from 'svelte';
import Portis from '@portis/web3'; import Portis from '@portis/web3';
import { Client } from '@spruceid/siwe-web3modal'; import { Client } from '@spruceid/siwe-web3modal';
import Torus from '@toruslabs/torus-embed'; import Torus from '@toruslabs/torus-embed';
import WalletConnectProvider from '@walletconnect/web3-provider'; import WalletConnectProvider from '@walletconnect/web3-provider';
import Fortmatic from 'fortmatic'; import Fortmatic from 'fortmatic';
import { onMount } from 'svelte';
import WalletLink from 'walletlink'; import WalletLink from 'walletlink';
// TODO: REMOVE DEFAULTS: // TODO: REMOVE DEFAULTS:
@ -101,7 +100,9 @@
client.on('signIn', (result) => { client.on('signIn', (result) => {
console.log(result); console.log(result);
window.location.replace( 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> </script>
@ -110,20 +111,22 @@
class="bg-no-repeat bg-cover bg-center bg-swe-landing font-satoshi bg-gray flex-grow w-full h-screen items-center flex justify-center flex-wrap flex-col" class="bg-no-repeat bg-cover bg-center bg-swe-landing font-satoshi bg-gray flex-grow w-full h-screen items-center flex justify-center flex-wrap flex-col"
style="background-image: url('img/swe-landing.svg');" style="background-image: url('img/swe-landing.svg');"
> >
<div class="w-96 text-center bg-white rounded-20 text-grey flex h-96 flex-col p-12 shadow-lg shadow-white"> <div class="w-96 text-center bg-white rounded-20 text-grey flex h-100 flex-col p-12 shadow-lg shadow-white">
{#if client_metadata.logo_uri} {#if client_metadata.logo_uri}
<div class="flex justify-evenly items-stretch"> <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="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> </div>
{:else} {:else}
<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="img/modal_icon.png" alt="Ethereum logo" />
{/if} {/if}
<h5>Welcome</h5> <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 <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" class="h-12 border hover:scale-105 justify-evenly shadow-xl border-white mt-4 duration-100 ease-in-out transition-all transform flex items-center"
on:click={() => { on:click={() => {
client.signIn(nonce).catch((e) => { client.signIn(nonce).catch((e) => {
console.error(e); console.error(e);
@ -156,6 +159,10 @@
</svg> </svg>
<p class="font-bold">Sign-In with Ethereum</p> <p class="font-bold">Sign-In with Ethereum</p>
</button> </button>
<div class="self-center mt-auto text-center font-semibold text-xs">
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>.
</div>
{#if client_metadata.client_uri} {#if client_metadata.client_uri}
<span class="text-xs mt-4">Request linked to {client_metadata.client_uri}</span> <span class="text-xs mt-4">Request linked to {client_metadata.client_uri}</span>

5
static/index.html
View File

@ -17,9 +17,4 @@
</head> </head>
<body></body> <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> </html>