From 42175b59b5f62d20ee3ae8d16701927684152bd0 Mon Sep 17 00:00:00 2001
From: Fergal Moran <fergal.moran@gmail.com>
Date: Wed, 31 Jan 2024 20:00:15 +0000
Subject: [PATCH] Fix debuggles

---
 src/app/debug/page.tsx                        |  6 ++++++
 src/components/debug/headers-printer.tsx      | 18 ++++++++++++++++++
 src/components/debug/secure-debug-details.tsx | 11 +++++++++++
 3 files changed, 35 insertions(+)
 create mode 100644 src/components/debug/headers-printer.tsx
 create mode 100644 src/components/debug/secure-debug-details.tsx

diff --git a/src/app/debug/page.tsx b/src/app/debug/page.tsx
index 67335b0..eaab86a 100644
--- a/src/app/debug/page.tsx
+++ b/src/app/debug/page.tsx
@@ -1,10 +1,16 @@
 import { Button } from "@/components/ui/button";
 import React from "react";
+import HeadersPrinter from "@/components/debug/headers-printer";
+import { SecureDebugDetails } from "@/components/debug/secure-debug-details";
 
 const DebugPage = () => {
   return (
     <div className="p-8">
       <Button variant="default">I am button</Button>
+      <div className="flex flex-col space-y-2 px-2">
+        <HeadersPrinter />
+        <SecureDebugDetails />
+      </div>
     </div>
   );
 };
diff --git a/src/components/debug/headers-printer.tsx b/src/components/debug/headers-printer.tsx
new file mode 100644
index 0000000..3fdc952
--- /dev/null
+++ b/src/components/debug/headers-printer.tsx
@@ -0,0 +1,18 @@
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+import React from "react";
+import { headers } from "next/headers";
+import { getRequestHeaders } from "@/lib/helpers/headers";
+import { Card, CardContent, CardHeader } from "@/components/ui/card";
+
+const HeadersPrinter = () => {
+  const header = headers();
+
+  const request = getRequestHeaders(header);
+  return (
+    <Card>
+      <CardHeader>Request Headers</CardHeader>
+      <CardContent>{request}</CardContent>
+    </Card>
+  );
+};
+export default HeadersPrinter;
diff --git a/src/components/debug/secure-debug-details.tsx b/src/components/debug/secure-debug-details.tsx
new file mode 100644
index 0000000..4687cd0
--- /dev/null
+++ b/src/components/debug/secure-debug-details.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+import PrintEnv from "@/components/widgets/print-env";
+import { authOptions } from "@/server/auth";
+import { getServerSession } from "next-auth";
+import { headers } from "next/headers";
+
+export const SecureDebugDetails = async () => {
+  const session = await getServerSession(authOptions);
+  const request = headers();
+  return <PrintEnv session={session} request={request} />;
+};