From 0b4fe8a0ef40f09cc841e9d3a2d58a8fbfcc66a4 Mon Sep 17 00:00:00 2001
From: Rune Harlyk <rune@harlyk.dk>
Date: Thu, 25 Apr 2024 18:26:18 +0200
Subject: [PATCH] Updates wifi.svelte

---
 app2/src/routes/wifi/sta/Wifi.svelte | 116 +++++++++++++--------------
 1 file changed, 57 insertions(+), 59 deletions(-)

diff --git a/app2/src/routes/wifi/sta/Wifi.svelte b/app2/src/routes/wifi/sta/Wifi.svelte
index 807bae5..d51d103 100644
--- a/app2/src/routes/wifi/sta/Wifi.svelte
+++ b/app2/src/routes/wifi/sta/Wifi.svelte
@@ -452,17 +452,17 @@
 		{/await}
 	</div>
 
-	<div class="bg-base-200 relative grid w-full max-w-2xl self-center overflow-hidden">
-		<div
-			class="min-h-16 flex w-full items-center justify-between space-x-3 p-0 text-xl font-medium"
-		>
-			Saved Networks
-		</div>
-		{#await getWifiSettings()}
-			<Spinner />
-		{:then nothing}
-			<div class="relative w-full overflow-visible">
-				{#if !$page.data.features.security || $user.admin}
+	{#if !$page.data.features.security || $user.admin}
+		<div class="bg-base-200 shadow-lg relative grid w-full max-w-2xl self-center overflow-hidden">
+			<div
+				class="min-h-16 flex w-full items-center justify-between space-x-3 p-0 text-xl font-medium"
+			>
+				Saved Networks
+			</div>
+			{#await getWifiSettings()}
+				<Spinner />
+			{:then nothing}
+				<div class="relative w-full overflow-visible">
 					<button
 						class="btn btn-primary text-primary-content btn-md absolute -top-14 right-16"
 						on:click={() => {
@@ -485,55 +485,53 @@
 					>
 						<Scan class="h-6 w-6" /></button
 					>
-				{/if}
 
-				<div
-					class="overflow-x-auto space-y-1"
-					transition:slide|local={{ duration: 300, easing: cubicOut }}
-				>
-					<DragDropList
-						id="networks"
-						type={VerticalDropZone}
-						itemSize={60}
-						itemCount={dndNetworkList.length}
-						on:drop={onDrop}
-						let:index
+					<div
+						class="overflow-x-auto space-y-1"
+						transition:slide|local={{ duration: 300, easing: cubicOut }}
 					>
-						<!-- svelte-ignore a11y-click-events-have-key-events -->
-						<div class="rounded-box bg-base-100 flex items-center space-x-3 px-4 py-2">
-							<div class="mask mask-hexagon bg-primary h-auto w-10 shrink-0">
-								<Router class="text-primary-content h-auto w-full scale-75" />
-							</div>
-							<div>
-								<div class="font-bold">{dndNetworkList[index].ssid}</div>
-							</div>
-							{#if !$page.data.features.security || $user.admin}
-								<div class="flex-grow" />
-								<div class="space-x-0 px-0 mx-0">
-									<button
-										class="btn btn-ghost btn-sm"
-										on:click={() => {
-											handleEdit(index);
-										}}
-									>
-										<Edit class="h-6 w-6" /></button
-									>
-									<button
-										class="btn btn-ghost btn-sm"
-										on:click={() => {
-											confirmDelete(index);
-										}}
-									>
-										<Delete class="text-error h-6 w-6" />
-									</button>
+						<DragDropList
+							id="networks"
+							type={VerticalDropZone}
+							itemSize={60}
+							itemCount={dndNetworkList.length}
+							on:drop={onDrop}
+							let:index
+						>
+							<!-- svelte-ignore a11y-click-events-have-key-events -->
+							<div class="rounded-box bg-base-100 flex items-center space-x-3 px-4 py-2">
+								<div class="mask mask-hexagon bg-primary h-auto w-10 shrink-0">
+									<Router class="text-primary-content h-auto w-full scale-75" />
 								</div>
-							{/if}
-						</div>
-					</DragDropList>
+								<div>
+									<div class="font-bold">{dndNetworkList[index].ssid}</div>
+								</div>
+								{#if !$page.data.features.security || $user.admin}
+									<div class="flex-grow" />
+									<div class="space-x-0 px-0 mx-0">
+										<button
+											class="btn btn-ghost btn-sm"
+											on:click={() => {
+												handleEdit(index);
+											}}
+										>
+											<Edit class="h-6 w-6" /></button
+										>
+										<button
+											class="btn btn-ghost btn-sm"
+											on:click={() => {
+												confirmDelete(index);
+											}}
+										>
+											<Delete class="text-error h-6 w-6" />
+										</button>
+									</div>
+								{/if}
+							</div>
+						</DragDropList>
+					</div>
 				</div>
-			</div>
 
-			{#if !$page.data.features.security || $user.admin}
 				<div class="divider mb-0" />
 				<div
 					class="flex flex-col gap-2 p-0"
@@ -754,7 +752,7 @@
 						</div>
 					</form>
 				</div>
-			{/if}
-		{/await}
-	</div>
-</SettingsCard>
+			{/await}
+		</div>
+	{/if}
+</SettingsCard>
\ No newline at end of file