From 5b7f46a414bc04e2a42a7b2f5d1bb1506216a375 Mon Sep 17 00:00:00 2001
From: Samuel Andert <samuel@ora.earth>
Date: Sat, 22 Jul 2023 16:34:57 +0200
Subject: [PATCH] some basic cleanup

---
 package.json                            |  3 ---
 src/lib/{ => components}/AuthSig.svelte | 10 +++++-----
 src/lib/{ => components}/Balance.svelte |  0
 src/lib/components/HelloEarth.svelte    |  1 -
 src/lib/components/Messages.svelte      |  2 +-
 src/routes/+page.svelte                 | 20 ++++----------------
 6 files changed, 10 insertions(+), 26 deletions(-)
 rename src/lib/{ => components}/AuthSig.svelte (76%)
 rename src/lib/{ => components}/Balance.svelte (100%)
 delete mode 100644 src/lib/components/HelloEarth.svelte

diff --git a/package.json b/package.json
index b25ac01..e54ef4f 100644
--- a/package.json
+++ b/package.json
@@ -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"
 	}
 }
\ No newline at end of file
diff --git a/src/lib/AuthSig.svelte b/src/lib/components/AuthSig.svelte
similarity index 76%
rename from src/lib/AuthSig.svelte
rename to src/lib/components/AuthSig.svelte
index a1f3ddd..00cb90c 100644
--- a/src/lib/AuthSig.svelte
+++ b/src/lib/components/AuthSig.svelte
@@ -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
diff --git a/src/lib/Balance.svelte b/src/lib/components/Balance.svelte
similarity index 100%
rename from src/lib/Balance.svelte
rename to src/lib/components/Balance.svelte
diff --git a/src/lib/components/HelloEarth.svelte b/src/lib/components/HelloEarth.svelte
deleted file mode 100644
index 2af4151..0000000
--- a/src/lib/components/HelloEarth.svelte
+++ /dev/null
@@ -1 +0,0 @@
-<div class="p-12 bg-blue-500">Hello Earth</div>
diff --git a/src/lib/components/Messages.svelte b/src/lib/components/Messages.svelte
index 9a7019c..65894d4 100644
--- a/src/lib/components/Messages.svelte
+++ b/src/lib/components/Messages.svelte
@@ -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}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 9c95329..b8acce1 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -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>