From c358a4fe70ccadf2663a1af0e402993278c15ded Mon Sep 17 00:00:00 2001
From: ShowierData9978 <mellfang36@gmail.com>
Date: Tue, 12 Dec 2023 20:03:23 -0600
Subject: [PATCH] feat: Invites and better bans page

---
 src/lib/modals/chats/BannedMembers.svelte | 30 +++++++-
 src/lib/modals/chats/Invites.svelte       | 94 +++++++++++++++++++++++
 src/lib/stores.js                         |  1 +
 src/pages/chats/[chatid].svelte           | 12 ++-
 src/pages/invite/[invite].svelte          | 51 ++++++++++++
 5 files changed, 182 insertions(+), 6 deletions(-)
 create mode 100644 src/lib/modals/chats/Invites.svelte
 create mode 100644 src/pages/invite/[invite].svelte

diff --git a/src/lib/modals/chats/BannedMembers.svelte b/src/lib/modals/chats/BannedMembers.svelte
index f5e614e1..63679e81 100644
--- a/src/lib/modals/chats/BannedMembers.svelte
+++ b/src/lib/modals/chats/BannedMembers.svelte
@@ -5,6 +5,7 @@
 	import Modal from "../../Modal.svelte";
     import * as modals from "../../modals"
 	import Spinner from '../../Spinner.svelte';
+	import Container from '../../Container.svelte';
 
     async function fetchBannedMembers() {
         const resp = await fetch(`${apiUrl}chats/${$chat._id}/bans`, {
@@ -33,18 +34,20 @@
 
     {#each $chat.banned_users as member}
 
-    <p>
+    <Container>
     <Member member={member.username} owner={false} />
-        Reason: {member.message}
+    <div class="inline">
+        <p> Reason: {member.message} </p>
 
-        <button on:click={() => {
+        <button class="delete" on:click={() => {
             fetch(`${apiUrl}chats/${$chat._id}/bans/${member.username}`, {
                 method: "DELETE",
                 headers: $authHeader
             })
             modals.closeLastModal()
         }} >Unban</button>
-    </p>
+    </div>
+    </Container>
         {/each}
         {/await}
     </div>
@@ -56,4 +59,23 @@
         justify-content: center;
         text-align: center;
     }
+
+    .delete {
+        justify-content: right;
+        flex: right;
+        height: 100%;
+    }
+
+    .inline {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: left;
+        vertical-align: middle;
+    }
+
+    .inline p {
+        justify-self: center;
+        align-self: center;
+    }
 </style>
\ No newline at end of file
diff --git a/src/lib/modals/chats/Invites.svelte b/src/lib/modals/chats/Invites.svelte
new file mode 100644
index 00000000..ee648022
--- /dev/null
+++ b/src/lib/modals/chats/Invites.svelte
@@ -0,0 +1,94 @@
+<script>
+	import Invites from './Invites.svelte';
+	import { chat, authHeader } from './../../stores.js';
+	import Spinner from './../../Spinner.svelte';
+	import { apiUrl } from '../../urls';
+	import Modal from "../../Modal.svelte";
+    import * as modals from "../../modals";
+	import { writable } from 'svelte/store';
+	import Container from '../../Container.svelte';
+
+    if (!$chat.invites) $chat.invites = [];
+    // @ts-ignore
+    if ((typeof $chat.invites) != 'Array') $chat.invites = [];
+
+
+    async function fetchInvites() {
+        let data = await (await fetch(`${apiUrl}chats/${$chat._id}/invites`, {
+            headers: $authHeader
+        })).json();
+        console.log(data)
+        $chat.invites = data.invites;
+    }
+</script>
+
+<Modal on:close={modals.closeLastModal}>
+    <h1 slot="header">
+        Chat Invites
+    </h1>
+
+    <div slot="default">
+        {#await fetchInvites()}
+            <Spinner />
+        {/await}
+
+        {#each $chat.invites as invite}
+        <Container>
+        <div class="inline">
+            <a href="https://app.meower.org/invite/{invite._id}" target="_blank">
+            https://app.meower.org/invite/{invite._id}
+        </a>
+        <div class="delete">
+            <button class="right_align"
+            on:click|preventDefault={() => {
+                fetch(`${apiUrl}chats/invites/${invite._id}`, {
+                    method: 'DELETE',
+                    headers: $authHeader
+                                });
+                                modals.closeLastModal();
+                            }}
+                        >
+                        Revoke Invite
+                    </button>
+            </div>
+        </div>
+
+    </Container>
+            {/each}
+        <hr>
+        <button on:click|preventDefault={async () => {
+            let invite = await (await fetch(`${apiUrl}chats/${$chat._id}/invites`, {
+                method: 'POST',
+                headers: $authHeader
+            })).json();
+
+
+            $chat.invites = [...$chat.invites, {_id: invite.invite, chat_id: $chat._id}];
+        }} >Create Invite</button>
+    </div>
+
+</Modal>
+
+<style>
+    .right_align {
+        align-self: right;
+    }
+
+    .delete {
+        justify-content: right;
+        flex: right;
+    }
+
+    .inline {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: left;
+        vertical-align: middle;
+    }
+
+    .inline a {
+        justify-self: center;
+        align-self: center;
+    }
+</style>
\ No newline at end of file
diff --git a/src/lib/stores.js b/src/lib/stores.js
index 464d5ff2..31730ac3 100644
--- a/src/lib/stores.js
+++ b/src/lib/stores.js
@@ -40,6 +40,7 @@ export const chat = writable({
 	last_active: 0,
 	deleted: false,
 	banned_users: [],
+	invites: []
 });
 
 // User list
diff --git a/src/pages/chats/[chatid].svelte b/src/pages/chats/[chatid].svelte
index a4d3c546..ca28eea0 100644
--- a/src/pages/chats/[chatid].svelte
+++ b/src/pages/chats/[chatid].svelte
@@ -2,6 +2,7 @@
 	Home but it's a group chat.
 -->
 <script>
+	import Invites from './../../lib/modals/chats/Invites.svelte';
 	import BasicModal from "../../lib/modals/Basic.svelte";
 	import ChangeChatNicknameModal from "../../lib/modals/chats/ChangeChatNickname.svelte";
 	import GCMemberModal from "../../lib/modals/chats/GCMember.svelte";
@@ -26,7 +27,7 @@
 	import PostList from "../../lib/PostList.svelte";
 
 	import {params, goto} from "@roxi/routify";
-	import {onMount, onDestroy} from "svelte/internal";
+	import {onMount, onDestroy, prevent_default} from "svelte/internal";
 	import BannedMembers from "../../lib/modals/chats/BannedMembers.svelte";
 
 	let chatsStoreSubscription;
@@ -44,7 +45,8 @@
 				created: 0,
 				last_active: 0,
 				deleted: false,
-				banned_users: []
+				banned_users: [],
+				invites: []
 			});
 
 			clm.link.send({
@@ -142,6 +144,7 @@
 			last_active: 0,
 			deleted: false,
 			banned_users: [],
+			invites: []
 		});
 	});
 </script>
@@ -185,6 +188,11 @@
 							)}>
 								<b>B</b>
 							</button>
+							<button class="circle" on:click|preventDefault={() => {
+								modals.showModal(Invites, {})
+							}}>
+								<b>I</b>
+							</button>
 							<button
 								class="circle settings"
 								on:click={() => {
diff --git a/src/pages/invite/[invite].svelte b/src/pages/invite/[invite].svelte
new file mode 100644
index 00000000..6852cae0
--- /dev/null
+++ b/src/pages/invite/[invite].svelte
@@ -0,0 +1,51 @@
+<script>
+	import {authHeader, chats, user} from "./../../lib/stores.js";
+	import {apiUrl} from "../../lib/urls";
+	import {params, goto} from "@roxi/routify";
+	import {onMount} from "svelte";
+	import Container from "../../lib/Container.svelte";
+	import Spinner from "../../lib/Spinner.svelte";
+	import { writable } from "svelte/store";
+
+    let ok = writable(true);
+	onMount(() => {
+		(async () => {
+			let response = await fetch(
+				`${apiUrl}chats/join/${$params.invite}`,
+				{
+					method: "GET",
+					headers: {
+						...$authHeader,
+					},
+				}
+			);
+
+			if (response.status === 404) {
+				$goto("/404");
+			} else if (!response.ok) {
+                $goto("/500");
+            }
+
+            let data = await response.json();
+
+            // Cursed code because the server does not seem to want to send a packet
+            $chats.findLast(
+                chat => chat._id === data.chat
+            ).members.push($user.name);
+            
+			$goto(`/chats/${data.chat}`);
+		})();
+	});
+</script>
+
+<Container>
+    <h1>Joining Invite...</h1>
+
+    {#if $ok}
+        <Spinner />
+    {:else}
+        <h1>Invalid Invite</h1>
+
+        Or you could have been banned.
+    {/if}
+</Container>
\ No newline at end of file