From 41e24f4a8e9f5a05ca50049287b887ded2c1a865 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=98=99=E2=97=A6=20The=20Tablet=20=E2=9D=80=20GamerGirla?=
 =?UTF-8?q?ndCo=20=E2=97=A6=E2=9D=A7?= <i.am.the.tablet@proton.me>
Date: Wed, 11 Oct 2023 13:25:18 -0400
Subject: [PATCH] feat(components): add "shared ip" section to admin panel

---
 components/profile/adminPanel.vue | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/components/profile/adminPanel.vue b/components/profile/adminPanel.vue
index 3d920b8..1a3a123 100644
--- a/components/profile/adminPanel.vue
+++ b/components/profile/adminPanel.vue
@@ -7,6 +7,10 @@
 	const short = props.user?.profile.isAdmin;
 	const showBanUnban = ref<boolean>(false);
 	const showDemote = ref<boolean>(false);
+	const { data: commonIps } = await useApiFetch<{
+		[key: string]: { _id: number; username: string }[];
+	}>(`/user/${props.user!._id}/shared-ip`);
+
 	const handle = async () => {
 		await useApiFetch(`/user/${props.user?._id}/ban`, {
 			method: "post",
@@ -48,7 +52,25 @@
 				<a-descriptions-item label="IP addresses">
 					<a-list :data-source="user?.ipLog">
 						<template #renderItem="{ item }">
-							{{ item.ip }}
+							{{ item.ip }}<br />
+							<a-typography-title :level="5"
+								>Other users with this IP:</a-typography-title
+							>
+							<div v-if="commonIps != null">
+								<i v-if="!commonIps[item.ip]?.length">
+									No other users share this IP.
+								</i>
+								<a-list
+									v-else
+									:data-source="!!commonIps ? commonIps[item.ip] : []"
+								>
+									<template #renderItem="{ item: otherItem }">
+										<nuxt-link :to="`/user/${otherItem._id}`">
+											{{ otherItem.username }}
+										</nuxt-link>
+									</template>
+								</a-list>
+							</div>
 						</template>
 					</a-list>
 				</a-descriptions-item>