diff --git a/app/panel/inspect/channel/[id]/page.tsx b/app/panel/inspect/channel/[id]/page.tsx
index 50a4ee0..c567722 100644
--- a/app/panel/inspect/channel/[id]/page.tsx
+++ b/app/panel/inspect/channel/[id]/page.tsx
@@ -9,6 +9,11 @@ import { Separator } from "@/components/ui/separator";
import { fetchChannelById, fetchServerById, fetchUsersById } from "@/lib/db";
import Link from "next/link";
import { notFound } from "next/navigation";
+import dayjs from "dayjs";
+import relativeTime from "dayjs/plugin/relativeTime";
+import { decodeTime } from "ulid";
+
+dayjs.extend(relativeTime);
export default async function Message({ params }: { params: { id: string } }) {
const channel = await fetchChannelById(params.id);
@@ -27,7 +32,7 @@ export default async function Message({ params }: { params: { id: string } }) {
return (
Inspecting Channel
-
+
{server && (
diff --git a/app/panel/inspect/server/[id]/page.tsx b/app/panel/inspect/server/[id]/page.tsx
index 2f10bab..ec414cf 100644
--- a/app/panel/inspect/server/[id]/page.tsx
+++ b/app/panel/inspect/server/[id]/page.tsx
@@ -8,8 +8,13 @@ import { ServerActions } from "@/components/pages/inspector/ServerActions";
import { Card, CardHeader } from "@/components/ui/card";
import { Separator } from "@/components/ui/separator";
import { fetchServerById, fetchUserById } from "@/lib/db";
+import dayjs from "dayjs";
import Link from "next/link";
import { notFound } from "next/navigation";
+import { decodeTime } from "ulid";
+import relativeTime from "dayjs/plugin/relativeTime";
+
+dayjs.extend(relativeTime);
export default async function Server({ params }: { params: { id: string } }) {
const server = await fetchServerById(params.id);
@@ -20,7 +25,7 @@ export default async function Server({ params }: { params: { id: string } }) {
return (
Inspecting Server
-
+
{server.description && (
diff --git a/app/panel/inspect/user/[id]/page.tsx b/app/panel/inspect/user/[id]/page.tsx
index 1e88faa..e0f770e 100644
--- a/app/panel/inspect/user/[id]/page.tsx
+++ b/app/panel/inspect/user/[id]/page.tsx
@@ -24,9 +24,14 @@ import {
fetchUsersById,
findDM,
} from "@/lib/db";
+import dayjs from "dayjs";
import Link from "next/link";
import { notFound } from "next/navigation";
import { Bot } from "revolt-api";
+import relativeTime from "dayjs/plugin/relativeTime";
+import { decodeTime } from "ulid";
+
+dayjs.extend(relativeTime);
export default async function User({
params,
@@ -75,7 +80,7 @@ export default async function User({
Inspecting User
-
+