From 4e8526f6f0001169d1a5ff3b32beededb6cec735 Mon Sep 17 00:00:00 2001
From: Xevion <xevion@xevion.dev>
Date: Thu, 26 Dec 2024 17:13:18 -0600
Subject: [PATCH] Move Dots to AppWrapper

---
 src/components/AppWrapper.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/AppWrapper.tsx b/src/components/AppWrapper.tsx
index dc6150d..3706dbd 100644
--- a/src/components/AppWrapper.tsx
+++ b/src/components/AppWrapper.tsx
@@ -1,8 +1,9 @@
-import type { FunctionComponent, ReactNode } from "react";
-import { Disclosure } from "@headlessui/react";
-import { HiBars3, HiXMark } from "react-icons/hi2";
 import { classNames } from "@/utils/helpers";
+import { Disclosure } from "@headlessui/react";
+import dynamic from "next/dynamic";
 import Link from "next/link";
+import type { FunctionComponent, ReactNode } from "react";
+import { HiBars3, HiXMark } from "react-icons/hi2";
 
 const navigation: { id: string; name: string; href: string }[] = [
   { id: "home", name: "Home", href: "/" },
@@ -17,6 +18,11 @@ type WrapperProps = {
   children?: ReactNode | ReactNode[] | null;
 };
 
+const DotsDynamic = dynamic(
+  () => import('@/components/Dots'),
+  { ssr: false }
+)
+
 const AppWrapper: FunctionComponent<WrapperProps> = ({
   current,
   children,
@@ -97,6 +103,7 @@ const AppWrapper: FunctionComponent<WrapperProps> = ({
           )}
         </Disclosure>
       ) : null}
+      <DotsDynamic />
       {children}
     </main>
   );