From 80ecfd67471527843e29329cbd51d85c923427a3 Mon Sep 17 00:00:00 2001
From: Yusur Princeps <sakuragasaki46@gmail.com>
Date: Sat, 1 Nov 2025 09:51:41 +0100
Subject: [PATCH] improve guild selection, add Wip

---
 package.json                            |  2 +-
 src/lib/GuildSelect.svelte              |  2 +-
 src/lib/Wip.svelte                      |  8 ++++++++
 src/lib/globals.svelte.ts               |  2 --
 src/routes/create/+page.svelte          | 12 +++++++-----
 src/routes/edit/[x+3d][id]/+page.svelte |  5 +++--
 src/routes/register/+page.svelte        |  3 ++-
 7 files changed, 22 insertions(+), 12 deletions(-)
 create mode 100644 src/lib/Wip.svelte

diff --git a/package.json b/package.json
index b081e66..1850e2d 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "@yusurko/vigil",
 	"private": true,
-	"version": "0.1.0-dev42",
+	"version": "0.1.0-dev43",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",
diff --git a/src/lib/GuildSelect.svelte b/src/lib/GuildSelect.svelte
index ddf41ae..529ad08 100644
--- a/src/lib/GuildSelect.svelte
+++ b/src/lib/GuildSelect.svelte
@@ -2,7 +2,7 @@
     import { backend, type GuildEntry } from "./backend";
 
 
-let value = $state("");
+let { value = $bindable("") } = $props();
 
 let suggestions: Promise<GuildEntry[]> = $derived(getSuggestions(value));
 
diff --git a/src/lib/Wip.svelte b/src/lib/Wip.svelte
new file mode 100644
index 0000000..0913a74
--- /dev/null
+++ b/src/lib/Wip.svelte
@@ -0,0 +1,8 @@
+<script lang="ts">
+    import { RiBarricadeLine } from "svelte-remixicon";
+import Centered from "./Centered.svelte";
+
+</script>
+<Centered>
+    <faint><RiBarricadeLine /></faint>
+</Centered>
\ No newline at end of file
diff --git a/src/lib/globals.svelte.ts b/src/lib/globals.svelte.ts
index 984b82f..622dbf3 100644
--- a/src/lib/globals.svelte.ts
+++ b/src/lib/globals.svelte.ts
@@ -22,8 +22,6 @@ export function setHealth ({ name, version, post_count, user_count, color_theme
     health.color_theme = color_theme;
 }
 
-
-
 export function setMe (me: UserEntry | null) {
     health.me = me;
 }
diff --git a/src/routes/create/+page.svelte b/src/routes/create/+page.svelte
index ca13396..af0029c 100644
--- a/src/routes/create/+page.svelte
+++ b/src/routes/create/+page.svelte
@@ -4,14 +4,16 @@
     import { getMe } from "$lib/globals.svelte";
     import GuildSelect from "$lib/GuildSelect.svelte";
     import SLayout from "$lib/SLayout.svelte";
+    import Wip from "$lib/Wip.svelte";
     import { RiErrorWarningLine } from "svelte-remixicon";
 
     let me = getMe();
 
     let content = $state("");
     let privacy = $state(0);
+    let guildName = $state("");
 
-
+    let enablePost = $derived(!!content && !!guildName && false);
 </script>
 
 
@@ -22,7 +24,7 @@
 
     <label>
       Post to:
-      <GuildSelect />
+      <GuildSelect bind:value={guildName} />
     </label>
 
     <EditPost bind:content bind:privacy />
@@ -31,16 +33,16 @@
       <span class="warning"><RiErrorWarningLine /> Your post will be PUBLIC!</span>
     {/if}
 
-    <button class="card primary" disabled>Create</button>
+    <button class="card primary" disabled={!enablePost}>Create</button>
     
   </form>
 
   {#snippet left()}
-      ...
+      <Wip />
   {/snippet}
   
   {#snippet right()}
-      ...
+      <Wip />
   {/snippet}
 </SLayout>
 {:else}
diff --git a/src/routes/edit/[x+3d][id]/+page.svelte b/src/routes/edit/[x+3d][id]/+page.svelte
index f86b364..22d9955 100644
--- a/src/routes/edit/[x+3d][id]/+page.svelte
+++ b/src/routes/edit/[x+3d][id]/+page.svelte
@@ -5,6 +5,7 @@
     import { getMe } from "$lib/globals.svelte";
     import GuildSelect from "$lib/GuildSelect.svelte";
     import SLayout from "$lib/SLayout.svelte";
+    import Wip from "$lib/Wip.svelte";
     import { RiErrorWarningLine } from "svelte-remixicon";
 
     let me = getMe();
@@ -38,11 +39,11 @@
   </form>
 
   {#snippet left()}
-      ...
+      <Wip />
   {/snippet}
   
   {#snippet right()}
-      ...
+      <Wip />
   {/snippet}
 </SLayout>
 {:else if me}
diff --git a/src/routes/register/+page.svelte b/src/routes/register/+page.svelte
index 4195c82..b1e61cc 100644
--- a/src/routes/register/+page.svelte
+++ b/src/routes/register/+page.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
     import { enhance } from "$app/forms";
     import Centered from "$lib/Centered.svelte";
+    import Wip from "$lib/Wip.svelte";
     import { RiInformationLine, RiUserLine } from "svelte-remixicon";
 
     let username = $state("");
@@ -25,7 +26,7 @@ let disabled = $derived(username.length < 2 || username.length > 30 ||
         <small class="faint">Must be a working e-mail address <abbr title="Will be used for password recovery and important communications"><RiInformationLine /></abbr></small>
         <input type="text" name="username" bind:value={email} />
     </label>
-    ...
+    <Wip />
 
     <button class="primary" disabled={disabled}>Sign up</button>
     </form>