Improved Changelog, Changelog in Dispatch

apps/hub/app/(app)/_components/Footer.tsx

@@ -2,11 +2,22 @@ import Image from "next/image";
 import { DiscordLogoIcon, InstagramLogoIcon, ReaderIcon } from "@radix-ui/react-icons";
 import YoutubeSvg from "./youtube_wider.svg";
 import FacebookSvg from "./facebook.svg";
-import { ChangelogBtn } from "./Changelog";
-import { getLatestChangelog } from "./ChangelogActions";
+import { ChangelogModalBtn } from "@repo/shared-components";
+import { getServerSession } from "api/auth/[...nextauth]/auth";
+import { updateUser } from "(app)/settings/actions";
+import toast from "react-hot-toast";
+import { ChangelogWrapper } from "(app)/_components/ChangelogWrapper";
+import { prisma } from "@repo/db";
 
 export const Footer = async () => {
-	const latestChangelog = await getLatestChangelog();
+	const session = await getServerSession();
+	const latestChangelog = await prisma.changelog.findFirst({
+		orderBy: {
+			createdAt: "desc",
+		},
+	});
+
+	const autoOpen = !session?.user.changelogAck && !!latestChangelog;
 
 	return (
 		<footer className="footer bg-base-200 mt-4 flex items-center justify-between rounded-lg p-4 shadow-md">
@@ -18,7 +29,7 @@ export const Footer = async () => {
 				<a href="https://virtualairrescue.com/datenschutz/" className="hover:text-primary">
 					Datenschutzerklärung
 				</a>
-				<ChangelogBtn latestChangelog={latestChangelog} />
+				<ChangelogWrapper latestChangelog={latestChangelog} />
 			</div>
 
 			{/* Center: Copyright */}