xevion/xevion.dev
1
0
Fork 0
mirror of https://github.com/Xevion/xevion.dev.git synced 2025-12-06 01:16:58 -06:00
Code Issues Packages Projects Releases Wiki Activity

Move Dots to AppWrapper

Browse Source
This commit is contained in:
Xevion
2024-12-26 17:13:18 -06:00
parent e798b5c053
commit 4e8526f6f0
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/AppWrapper.tsx
View File

@@ -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 { classNames } from "@/utils/helpers";
import { Disclosure } from "@headlessui/react";
import dynamic from "next/dynamic";
import Link from "next/link"; 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 }[] = [ const navigation: { id: string; name: string; href: string }[] = [
{ id: "home", name: "Home", href: "/" }, { id: "home", name: "Home", href: "/" },
@@ -17,6 +18,11 @@ type WrapperProps = {
children?: ReactNode | ReactNode[] | null; children?: ReactNode | ReactNode[] | null;
}; };
const DotsDynamic = dynamic(
() => import('@/components/Dots'),
{ ssr: false }
)
const AppWrapper: FunctionComponent<WrapperProps> = ({ const AppWrapper: FunctionComponent<WrapperProps> = ({
current, current,
children, children,
@@ -97,6 +103,7 @@ const AppWrapper: FunctionComponent<WrapperProps> = ({
)} )}
</Disclosure> </Disclosure>
) : null} ) : null}
<DotsDynamic />
{children} {children}
</main> </main>
); );