wip

4 files changed, 46 insertions, 10 deletions

diff --git a/src/routes/(app)/fund/[id]/+page.svelte b/src/routes/(app)/fund/[id]/+page.svelte
index 77a975c1..ae0a97c6 100644
--- a/src/routes/(app)/fund/[id]/+page.svelte
+++ b/src/routes/(app)/fund/[id]/+page.svelte
@@ -49,6 +49,10 @@
       <div class="flex justify-center gap-4">
         <Amount {amount} {currency} {rate} {locale} />
       </div>
+      <div class="flex">
+        <div>Access: <span class="font-bold">Anyone with the link</span></div>
+        <div class="ml-auto underline text-secondary"><a href={`/fund/${id}/access`}>Manage</a></div>
+      </div>
       <div class="flex gap-2" data-sveltekit-prefetch="off">
         <div class="grow">
           <a href={`/send/fund/${id}`}>
diff --git a/src/routes/(app)/fund/[id]/access/+page.server.ts b/src/routes/(app)/fund/[id]/access/+page.server.ts
new file mode 100644
index 00000000..9a8a9dbc
--- /dev/null
+++ b/src/routes/(app)/fund/[id]/access/+page.server.ts
@@ -0,0 +1,3 @@
+export const load = async () => {
+	return { managers: [] };
+};
diff --git a/src/routes/(app)/fund/[id]/access/+page.svelte b/src/routes/(app)/fund/[id]/access/+page.svelte
new file mode 100644
index 00000000..754ddf87
--- /dev/null
+++ b/src/routes/(app)/fund/[id]/access/+page.svelte
@@ -0,0 +1,29 @@
+<script>
+  import Avatar from "$comp/Avatar.svelte";
+
+  let { data } = $props();
+  let { managers } = $derived(data);
+</script>
+
+<div class="container px-4 max-w-4xl mx-auto mt-10 space-y-5">
+  <div class="flex justify-center items-center">
+    <div
+      class="md:shadow-xl rounded-3xl md:px-10 pt-5 pb-10 space-y-5 w-full md:mx-5"
+    >
+      <h1 class="px-3 md:px-0 text-center text-3xl md:text-4xl font-semibold">
+        Fund managers
+      </h1>
+
+      {#each managers as c}
+        <a href={`/pay/${c.username}`} class="contents">
+          <div class="flex hover:bg-base-200 p-2">
+            <Avatar user={c} size={20} disabled={true} />
+            <div class="my-auto text-left">
+              <p class="ml-1 text-lg break-words">{c.username}</p>
+            </div>
+          </div>
+        </a>
+      {/each}
+    </div>
+  </div>
+</div>
diff --git a/src/routes/(app)/send/[...text]/+page.svelte b/src/routes/(app)/send/[...text]/+page.svelte
index e888a400..183b4b51 100644
--- a/src/routes/(app)/send/[...text]/+page.svelte
+++ b/src/routes/(app)/send/[...text]/+page.svelte
@@ -114,16 +114,16 @@
       </button>
     </a>
 
-    <!-- <a href="/send/fund" class="block"> -->
-    <!--   <button type="button" class="btn"> -->
-    <!--     <iconify-icon -->
-    <!--       noobserver -->
-    <!--       icon="ph:lightning-fill" -->
-    <!--       class="text-yellow-300 text-2xl" -->
-    <!--     ></iconify-icon> -->
-    <!--     <div class="my-auto">{$t("payments.createFund")}</div> -->
-    <!--   </button> -->
-    <!-- </a> -->
+    <a href="/send/fund" class="block">
+      <button type="button" class="btn">
+        <iconify-icon
+          noobserver
+          icon="ph:lightning-fill"
+          class="text-yellow-300 text-2xl"
+        ></iconify-icon>
+        <div class="my-auto">{$t("payments.createFund")}</div>
+      </button>
+    </a>
   </form>
 
   {#if contacts.length}