fix: minor ui bug

ntsd · Jun 12, 2023 · b35385c · b35385c
1 parent c663aca
commit b35385c
Show file tree

Hide file tree

Showing 9 changed files with 52 additions and 54 deletions.
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
@@ -1,43 +1,42 @@
 <script lang="ts">
-  import { githubLink } from '../configs';
+	import { githubLink } from '../configs';
 </script>
 
 <footer class="footer footer-center pt-10 p-5 text-base-content gap-4 hidden lg:block">
-  <div class="grid grid-flow-col gap-4">
-    <a
-      aria-label="Github"
-      target="_blank"
-      href={githubLink}
-      rel="noopener"
-      class="drawer-button normal-case"
-      ><svg
-        width="20"
-        height="20"
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 512 512"
-        class="inline-block h-5 w-5 fill-current lg:h-6 lg:w-6"
-        ><path
-          d="M256,32C132.3,32,32,134.9,32,261.7c0,101.5,64.2,187.5,153.2,217.9a17.56,17.56,0,0,0,3.8.4c8.3,0,11.5-6.1,11.5-11.4,0-5.5-.2-19.9-.3-39.1a102.4,102.4,0,0,1-22.6,2.7c-43.1,0-52.9-33.5-52.9-33.5-10.2-26.5-24.9-33.6-24.9-33.6-19.5-13.7-.1-14.1,1.4-14.1h.1c22.5,2,34.3,23.8,34.3,23.8,11.2,19.6,26.2,25.1,39.6,25.1a63,63,0,0,0,25.6-6c2-14.8,7.8-24.9,14.2-30.7-49.7-5.8-102-25.5-102-113.5,0-25.1,8.7-45.6,23-61.6-2.3-5.8-10-29.2,2.2-60.8a18.64,18.64,0,0,1,5-.5c8.1,0,26.4,3.1,56.6,24.1a208.21,208.21,0,0,1,112.2,0c30.2-21,48.5-24.1,56.6-24.1a18.64,18.64,0,0,1,5,.5c12.2,31.6,4.5,55,2.2,60.8,14.3,16.1,23,36.6,23,61.6,0,88.2-52.4,107.6-102.3,113.3,8,7.1,15.2,21.1,15.2,42.5,0,30.7-.3,55.5-.3,63,0,5.4,3.1,11.5,11.4,11.5a19.35,19.35,0,0,0,4-.4C415.9,449.2,480,363.1,480,261.7,480,134.9,379.7,32,256,32Z"
-        /></svg
-      ></a
-    >
-  </div>
-  <div class="text-xs lg:text-sm">
-    <p>
-      This project is open-source
-      <a
-        class="link"
-        href={githubLink + '/blob/main/LICENSE'}
-        target="_blank"
-        rel="noopener noreferrer"
-      >License</a
-      >.
-    </p>
-    <p>
-      Copyright &copy; 2023
-      <a class="link" href="https://ntsd.dev" target="_blank" rel="noopener noreferrer">
-        Jirawat Boonkumnerd
-      </a>
-    </p>
-  </div>
+	<div class="grid grid-flow-col gap-4">
+		<a
+			aria-label="Github"
+			target="_blank"
+			href={githubLink}
+			rel="noopener"
+			class="drawer-button normal-case"
+			><svg
+				width="20"
+				height="20"
+				xmlns="http://www.w3.org/2000/svg"
+				viewBox="0 0 512 512"
+				class="inline-block h-5 w-5 fill-current lg:h-6 lg:w-6"
+				><path
+					d="M256,32C132.3,32,32,134.9,32,261.7c0,101.5,64.2,187.5,153.2,217.9a17.56,17.56,0,0,0,3.8.4c8.3,0,11.5-6.1,11.5-11.4,0-5.5-.2-19.9-.3-39.1a102.4,102.4,0,0,1-22.6,2.7c-43.1,0-52.9-33.5-52.9-33.5-10.2-26.5-24.9-33.6-24.9-33.6-19.5-13.7-.1-14.1,1.4-14.1h.1c22.5,2,34.3,23.8,34.3,23.8,11.2,19.6,26.2,25.1,39.6,25.1a63,63,0,0,0,25.6-6c2-14.8,7.8-24.9,14.2-30.7-49.7-5.8-102-25.5-102-113.5,0-25.1,8.7-45.6,23-61.6-2.3-5.8-10-29.2,2.2-60.8a18.64,18.64,0,0,1,5-.5c8.1,0,26.4,3.1,56.6,24.1a208.21,208.21,0,0,1,112.2,0c30.2-21,48.5-24.1,56.6-24.1a18.64,18.64,0,0,1,5,.5c12.2,31.6,4.5,55,2.2,60.8,14.3,16.1,23,36.6,23,61.6,0,88.2-52.4,107.6-102.3,113.3,8,7.1,15.2,21.1,15.2,42.5,0,30.7-.3,55.5-.3,63,0,5.4,3.1,11.5,11.4,11.5a19.35,19.35,0,0,0,4-.4C415.9,449.2,480,363.1,480,261.7,480,134.9,379.7,32,256,32Z"
+				/></svg
+			></a
+		>
+	</div>
+	<div class="text-xs lg:text-sm">
+		<p>
+			This project is open-source
+			<a
+				class="link"
+				href={githubLink + '/blob/main/LICENSE'}
+				target="_blank"
+				rel="noopener noreferrer">License</a
+			>.
+		</p>
+		<p>
+			Copyright &copy; 2023
+			<a class="link" href="https://ntsd.dev" target="_blank" rel="noopener noreferrer">
+				Jirawat Boonkumnerd
+			</a>
+		</p>
+	</div>
 </footer>
diff --git a/src/components/contract/SmartContractManager.svelte b/src/components/contract/SmartContractManager.svelte
@@ -11,7 +11,6 @@
 		<h2 class="text-2xl mb-4">Contracts</h2>
 		<div class="flex flex-col lg:flex-row">
 			<select bind:value={chainId} class="select select-bordered">
-				<option value="">Select a network</option>
 				{#each $networksStore as network}
 					<option value={network.chainId}>{network.name}</option>
 				{/each}

diff --git a/src/components/network/NetworkManager.svelte b/src/components/network/NetworkManager.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <div class="p-4 space-y-4">
-	<div class="flex justify-between">
+	<div class="flex flex-col lg:flex-row justify-between">
 		<h2 class="text-2xl mb-4">Networks</h2>
 		<NetworkModal />
 	</div>

diff --git a/src/components/schedule/ScheduleManager.svelte b/src/components/schedule/ScheduleManager.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <div class="p-4 space-y-4">
-	<div class="flex justify-between">
+	<div class="flex flex-col lg:flex-row justify-between">
 		<h2 class="text-2xl mb-4">Schedules</h2>
 		<ScheduleModal />
 	</div>

diff --git a/src/components/token/TokenList.svelte b/src/components/token/TokenList.svelte
@@ -41,13 +41,15 @@
 					<td>{token.address}</td>
 					<td>{token.decimal}</td>
 					<td>
-						{#await getBalance(walletAddress, network, token)}
-							Loading
-						{:then balance}
-							{balance}
-						{:catch error}
-							<p style="color: red">{error.message}</p>
-						{/await}
+						{#if walletAddress}
+							{#await getBalance(walletAddress, network, token)}
+								Loading
+							{:then balance}
+								{balance}
+							{:catch error}
+								<p style="color: red">{error.message}</p>
+							{/await}
+						{/if}
 					</td>
 					<td>
 						<TokenModal {network} isEdit {token} />

diff --git a/src/components/token/TokenManager.svelte b/src/components/token/TokenManager.svelte
@@ -14,13 +14,11 @@
 		<h2 class="text-2xl mb-4">Tokens</h2>
 		<div class="flex flex-col lg:flex-row">
 			<select bind:value={walletAddress} class="select select-bordered">
-				<option value="">Select a wallet</option>
 				{#each $walletsStore as wallet}
 					<option value={wallet.address}>{wallet.name}</option>
 				{/each}
 			</select>
 			<select bind:value={network} class="select select-bordered">
-				<option value="">Select a network</option>
 				{#each $networksStore as n}
 					<option value={n}>{n.name}</option>
 				{/each}

diff --git a/src/components/wallet/WalletManager.svelte b/src/components/wallet/WalletManager.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <div class="p-4 space-y-4">
-	<div class="flex justify-between">
+	<div class="flex flex-col lg:flex-row justify-between">
 		<h2 class="text-2xl mb-4">Wallets</h2>
 		<WalletModal />
 	</div>

diff --git a/src/components/wallet/WalletModal.svelte b/src/components/wallet/WalletModal.svelte
@@ -49,7 +49,7 @@
 </label>
 <input type="checkbox" id={forId} class="modal-toggle" />
 <label for={forId} class="modal cursor-pointer">
-	<label class="modal-box relative" for={forId}>
+	<label class="modal-box relative">
 		<label for={forId} class="btn btn-sm btn-circle absolute right-2 top-2">✕</label>
 		<h3 class="text-lg font-bold">Add Wallet</h3>
 		<div class="py-4 space-y-2">

diff --git a/src/configs.ts b/src/configs.ts
@@ -10,15 +10,15 @@ export const defaultNetwork: Network = {
 	chainId: '5',
 	currencySymbol: 'ETH',
 	blockExplorerUrl: 'https://goerli.etherscan.io'
-}; 
+};
 
 export const ethNetwork: Network = {
 	rpcURL: 'https://eth.llamarpc.com',
 	name: 'Ethereum Mainnet',
 	chainId: '1',
 	currencySymbol: 'ETH',
 	blockExplorerUrl: 'https://etherscan.io'
-}; 
+};
 
 export const menus = [
 	{