From 34926660c80b2768ea7f4ddcce1f6cbe4d10dd59 Mon Sep 17 00:00:00 2001
From: Jake Fulmine <jake@fulmine.xyz>
Date: Mon, 22 Aug 2022 13:49:42 +0200
Subject: [PATCH] fix(dashboard): fix editing visibility privacy not changing
 header

---
 dashboard/src/lib/group/Body.svelte     |  2 +-
 dashboard/src/lib/group/Privacy.svelte  |  8 +++++++-
 dashboard/src/lib/member/Body.svelte    |  2 +-
 dashboard/src/lib/member/Privacy.svelte | 10 ++++++++--
 4 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/dashboard/src/lib/group/Body.svelte b/dashboard/src/lib/group/Body.svelte
index ee6d83a7..f547cd2c 100644
--- a/dashboard/src/lib/group/Body.svelte
+++ b/dashboard/src/lib/group/Body.svelte
@@ -114,7 +114,7 @@
                Edit privacy
             </ModalHeader>
                 <ModalBody>
-                    <Privacy bind:group bind:privacyOpen={privacyOpen}/>
+                    <Privacy on:update bind:group bind:privacyOpen={privacyOpen}/>
                 </ModalBody>
         </Modal>
     </Col>
diff --git a/dashboard/src/lib/group/Privacy.svelte b/dashboard/src/lib/group/Privacy.svelte
index a87fc98f..08e308a1 100644
--- a/dashboard/src/lib/group/Privacy.svelte
+++ b/dashboard/src/lib/group/Privacy.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { tick } from "svelte";
+    import { tick, createEventDispatcher } from "svelte";
     import { ModalBody, ModalHeader, Col, Row, Input, Label, ModalFooter, Button, Spinner, Alert } from "sveltestrap";
 
     import { Group, GroupPrivacy } from '../../api/types';
@@ -18,6 +18,12 @@
 		Object.keys(privacy).forEach(x => privacy[x] = target.value);
 	}
 
+    const dispatch = createEventDispatcher();
+
+    function update(group) {
+        dispatch('update', group);
+    }
+
     // I can't use the hacked together Required<T> type from the bulk privacy here
     // that breaks updating the displayed privacy after submitting
     // but there's not really any way for any privacy fields here to be missing
diff --git a/dashboard/src/lib/member/Body.svelte b/dashboard/src/lib/member/Body.svelte
index 931f048e..25ac5998 100644
--- a/dashboard/src/lib/member/Body.svelte
+++ b/dashboard/src/lib/member/Body.svelte
@@ -151,7 +151,7 @@
                     Edit privacy
                 </ModalHeader>
                     <ModalBody>
-                        <Privacy bind:member bind:privacyOpen/>
+                        <Privacy on:update bind:member bind:privacyOpen/>
                     </ModalBody>
             </Modal>
         </Col>
diff --git a/dashboard/src/lib/member/Privacy.svelte b/dashboard/src/lib/member/Privacy.svelte
index 834bf975..2216d2e6 100644
--- a/dashboard/src/lib/member/Privacy.svelte
+++ b/dashboard/src/lib/member/Privacy.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { tick } from "svelte";
+    import { tick, createEventDispatcher } from "svelte";
     import { Col, Row, Input, Label, Button, Alert, Spinner } from "sveltestrap";
 
     import { Member, MemberPrivacy } from '../../api/types';
@@ -18,6 +18,12 @@
 		Object.keys(privacy).forEach(x => privacy[x] = target.value);
 	}
 
+    const dispatch = createEventDispatcher();
+
+    function update(member) {
+        dispatch('update', member);
+    }
+
     // I can't use the hacked together Required<T> type from the bulk privacy here
     // that breaks updating the displayed privacy after submitting
     // but there's not really any way for any privacy fields here to be missing
@@ -38,7 +44,7 @@
 		const data: Member = {privacy: privacy};
 		try {
 			let res = await api().members(member.id).patch({data});
-            member = res;
+            update({...member, ...res});
             success = true;
 		} catch (error) {
 			console.log(error);