From d7c4f5dd0aba7d1628012c398e49ba18e3b468da Mon Sep 17 00:00:00 2001
From: Bart van der Braak <bartvdbraak@gmail.com>
Date: Tue, 20 Feb 2024 20:47:54 +0100
Subject: [PATCH] refactor: remove display settings page and related files

---
 src/routes/(user)/settings/+layout.svelte     |  4 -
 .../(user)/settings/display/+page.server.ts   | 25 -----
 .../(user)/settings/display/+page.svelte      | 17 ----
 .../settings/display/display-form.svelte      | 95 -------------------
 4 files changed, 141 deletions(-)
 delete mode 100644 src/routes/(user)/settings/display/+page.server.ts
 delete mode 100644 src/routes/(user)/settings/display/+page.svelte
 delete mode 100644 src/routes/(user)/settings/display/display-form.svelte

diff --git a/src/routes/(user)/settings/+layout.svelte b/src/routes/(user)/settings/+layout.svelte
index 9ad6f71..10bc0b3 100644
--- a/src/routes/(user)/settings/+layout.svelte
+++ b/src/routes/(user)/settings/+layout.svelte
@@ -19,10 +19,6 @@
 			title: "Notifications",
 			href: "/settings/notifications",
 		},
-		{
-			title: "Display",
-			href: "/settings/display",
-		},
 	];
 </script>
 
diff --git a/src/routes/(user)/settings/display/+page.server.ts b/src/routes/(user)/settings/display/+page.server.ts
deleted file mode 100644
index 953ee9b..0000000
--- a/src/routes/(user)/settings/display/+page.server.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import type { PageServerLoad } from "./$types";
-import { superValidate } from "sveltekit-superforms";
-import { zod } from "sveltekit-superforms/adapters";
-import { displayFormSchema } from "./display-form.svelte";
-import { fail, type Actions } from "@sveltejs/kit";
-
-export const load: PageServerLoad = async () => {
-	return {
-		form: await superValidate(zod(displayFormSchema)),
-	};
-};
-
-export const actions: Actions = {
-	default: async (event) => {
-		const form = await superValidate(event, zod(displayFormSchema));
-		if (!form.valid) {
-			return fail(400, {
-				form,
-			});
-		}
-		return {
-			form,
-		};
-	},
-};
diff --git a/src/routes/(user)/settings/display/+page.svelte b/src/routes/(user)/settings/display/+page.svelte
deleted file mode 100644
index 1b3357f..0000000
--- a/src/routes/(user)/settings/display/+page.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import type { PageData } from "./$types";
-	import DisplayForm from "./display-form.svelte";
-	import { Separator } from "$lib/components/ui/separator";
-	export let data: PageData;
-</script>
-
-<div class="space-y-6">
-	<div>
-		<h3 class="text-lg font-medium">Display</h3>
-		<p class="text-sm text-muted-foreground">
-			Turn items on or off to control what's displayed in the app.
-		</p>
-	</div>
-	<Separator />
-	<DisplayForm data={data.form} />
-</div>
diff --git a/src/routes/(user)/settings/display/display-form.svelte b/src/routes/(user)/settings/display/display-form.svelte
deleted file mode 100644
index 0ce29ad..0000000
--- a/src/routes/(user)/settings/display/display-form.svelte
+++ /dev/null
@@ -1,95 +0,0 @@
-<script lang="ts" context="module">
-	import { z } from "zod";
-	const items = [
-		{
-			id: "recents",
-			label: "Recents",
-		},
-		{
-			id: "home",
-			label: "Home",
-		},
-		{
-			id: "applications",
-			label: "Applications",
-		},
-		{
-			id: "desktop",
-			label: "Desktop",
-		},
-		{
-			id: "downloads",
-			label: "Downloads",
-		},
-		{
-			id: "documents",
-			label: "Documents",
-		},
-	] as const;
-	export const displayFormSchema = z.object({
-		items: z.array(z.string()).refine((value) => value.some((item) => item), {
-			message: "You have to select at least one item.",
-		}),
-	});
-	export type DisplayFormSchema = typeof displayFormSchema;
-</script>
-
-<script lang="ts">
-	import * as Form from "$lib/components/ui/form";
-	import * as Checkbox from "$lib/components/ui/checkbox";
-	import { type SuperValidated, type Infer, superForm } from "sveltekit-superforms";
-	import SuperDebug from "sveltekit-superforms";
-	import { zodClient } from "sveltekit-superforms/adapters";
-	import { browser, dev } from "$app/environment";
-	import { PUBLIC_DEBUG_FORMS } from "$env/static/public";
-
-	export let data: SuperValidated<Infer<DisplayFormSchema>>;
-
-	const form = superForm(data, {
-		validators: zodClient(displayFormSchema),
-	});
-
-	const { form: formData, enhance } = form;
-</script>
-
-<form method="POST" class="space-y-8" use:enhance>
-	<Form.Fieldset {form} name="items" class="space-y-0">
-		<div class="mb-4">
-			<Form.Legend class="text-base">Sidebar</Form.Legend>
-			<Form.Description>
-				Select the items you want to display in the sidebar.
-			</Form.Description>
-		</div>
-		<div class="space-y-2">
-			{#each items as item}
-				{@const checked = $formData.items.includes(item.id)}
-				<div class="flex flex-row items-center space-x-3">
-					<Form.Control let:attrs>
-						{@const { name, ...rest } = attrs}
-						<Checkbox.Root
-							{...rest}
-							{checked}
-							onCheckedChange={(v) => {
-								if (v) {
-									$formData.items = [...$formData.items, item.id];
-								} else {
-									$formData.items = $formData.items.filter((i) => i !== item.id);
-								}
-							}}
-						/>
-						<Form.Label class="font-normal">
-							{item.label}
-						</Form.Label>
-						<input type="checkbox" {name} hidden value={item.id} {checked} />
-					</Form.Control>
-				</div>
-			{/each}
-			<Form.FieldErrors />
-		</div>
-	</Form.Fieldset>
-	<Form.Button>Update display</Form.Button>
-</form>
-
-{#if dev && PUBLIC_DEBUG_FORMS == 'true' && browser}
-	<SuperDebug data={$formData} />
-{/if}