samuelandert.eth/auth.andert.me
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

some basic cleanup

Browse Source
This commit is contained in:
Samuel Andert 2023-07-22 16:34:57 +02:00
parent 5ddfc36acb
commit 5b7f46a414
6 changed files with 10 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
package.json
View File

@ -45,11 +45,8 @@
"@lit-protocol/pkp-ethers": "^2.2.41",
"@lit-protocol/pkp-walletconnect": "^2.2.41",
"@lit-protocol/types": "^2.2.41",
"@rollup/plugin-node-resolve": "^15.1.0",
"@sveltejs/vite-plugin-svelte": "^2.4.2",
"@wagmi/core": "^1.3.8",
"rollup": "^3.26.3",
"rollup-plugin-glob-import": "^0.5.0",
"viem": "^1.3.0"
}
}

10
src/lib/AuthSig.svelte → src/lib/components/AuthSig.svelte
View File

@ -28,21 +28,21 @@
<!-- AuthSig Address Displayed -->
{#if authSig}
<div class="bg-gray-100 p-4 rounded-lg shadow-md mb-4 flex items-center">
<p class="text-gray-700 font-medium">
<div class="flex items-center p-4 mb-4 bg-gray-100 rounded-lg shadow-md">
<p class="font-medium text-gray-700">
AuthSig Address: <span class="text-orange-500">{authSig.address}</span>
</p>
</div>
<!-- Error Message -->
{:else if error}
<div class="bg-red-100 p-4 rounded-lg shadow-md mb-4 flex items-center">
<p class="text-red-700 font-medium">{error}</p>
<div class="flex items-center p-4 mb-4 bg-red-100 rounded-lg shadow-md">
<p class="font-medium text-red-700">{error}</p>
</div>
<!-- Login Button -->
{:else}
<div class="flex justify-center">
<button
class="bg-orange-500 hover:bg-orange-600 text-white font-bold py-2 px-4 rounded-lg shadow-lg flex items-center m-2"
class="flex items-center px-4 py-2 m-2 font-bold text-white bg-orange-500 rounded-lg shadow-lg hover:bg-orange-600"
on:click={generateAuthSig}
>
<img

0
src/lib/Balance.svelte → src/lib/components/Balance.svelte
View File

1
src/lib/components/HelloEarth.svelte
View File

@ -1 +0,0 @@
<div class="p-12 bg-blue-500">Hello Earth</div>

2
src/lib/components/Messages.svelte
View File

@ -39,7 +39,7 @@
</div>
<!-- Render Composite Component -->
{#if message.composite}
<div class="overflow-y-auto max-h-500">
<div class="overflow-y-auto max-h-80vh">
<Composite componentsData={message.composite} />
</div>
{/if}

20
src/routes/+page.svelte
View File

@ -1,13 +1,8 @@
<script>
import LitStatus from '$lib/components/LitStatus.svelte';
import AuthSign from '$lib/AuthSig.svelte';
import Wallet from '$lib/Wallet.svelte';
import Send from '$lib/Send.svelte';
import Balance from '$lib/Balance.svelte';
import WalletConnect from '$lib/WalletConnect.svelte';
import GoogleAuth from '$lib/components/GoogleAuth.svelte';
import Messages from '$lib/components/Messages.svelte';
import MessageInput from '$lib/components/MessageInput.svelte';
import Composite from '$lib/components/Composite.svelte';
let pkpWallet;
@ -17,18 +12,11 @@
let componentsData = {
layout: `
grid-template-areas:
"header"
"main"
"footer";
grid-template-rows: auto 1fr auto;
grid-template-rows: 1fr auto;
`,
children: [
{
id: 1,
componentName: 'LitStatus',
props: {},
slot: 'header'
},
{
id: 2,
componentName: 'Messages',
@ -50,7 +38,7 @@
<!-- <LitStatus />
<AuthSign /> -->
<!-- <div class="p-4 bg-gray-200 flex justify-center items-center flex-col">
<!-- <div class="flex flex-col items-center justify-center p-4 bg-gray-200">
<Wallet bind:pkpWallet bind:authSig />
<Send bind:pkpWallet />
<Balance />
@ -60,7 +48,7 @@
<!-- <div class="fixed top-0 left-0 w-full h-full overflow-hidden">
<main class="grid grid-rows-[auto,1fr,auto] min-h-screen">
<header class="bg-gray-100 text-black p-4">
<header class="p-4 text-black bg-gray-100">
<GoogleAuth />
</header>
@ -68,7 +56,7 @@
<Messages />
</main>
<footer class="bg-gray-300 p-4">
<footer class="p-4 bg-gray-300">
<MessageInput />
</footer>
</main>