feat: proxy tag editing

src/lib/member/Body.svelte

@@ -9,6 +9,7 @@
     import GroupEdit from './GroupEdit.svelte';
     import Edit from './Edit.svelte';
     import Privacy from './Privacy.svelte';
+    import ProxyTags from './ProxyTags.svelte';
 
     export let groups: Group[] = [];
     export let member: Member;
@@ -46,6 +47,9 @@
     let privacyOpen = false;
     const togglePrivacyModal = () => (privacyOpen = !privacyOpen);
 
+    let proxyOpen = false;
+    const toggleProxyModal = () => (proxyOpen = !proxyOpen);
+
     let created = moment(member.created).format("MMM D, YYYY");
     let birthday: string;
     $: {member.birthday; 
@@ -117,6 +121,19 @@
             </Modal>
         </Col>
         {/if}
+        {#if member.proxy_tags}
+        <Col xs={12} lg={4} class="mb-2">
+            <b>Proxy Tags:</b> <Button size="sm" color="secondary" on:click={toggleProxyModal}>Edit</Button>
+            <Modal size="lg" isOpen={proxyOpen} toggle={toggleProxyModal}>
+                <ModalHeader toggle={toggleProxyModal}>
+                    Edit proxy tags
+                </ModalHeader>
+                    <ModalBody>
+                        <ProxyTags on:update bind:member bind:proxyOpen/>
+                    </ModalBody>
+            </Modal>
+        </Col>
+        {/if}
     </Row>
     <div class="my-2 mb-3 description" bind:this={descriptionElement}>
         <b>Description:</b><br />