diff --git a/components/common/BootstrapInit.jsx b/components/common/BootstrapInit.jsx new file mode 100644 index 0000000..76b2313 --- /dev/null +++ b/components/common/BootstrapInit.jsx @@ -0,0 +1,13 @@ +"use client"; + +import { useEffect } from "react"; + +export default function BootstrapInit() { + useEffect(() => { + if (typeof window !== "undefined") { + require("bootstrap/dist/js/bootstrap.bundle.min.js"); + } + }, []); + + return null; +} diff --git a/components/common/ClientLayout.tsx b/components/common/ClientLayout.tsx index 60f5a23..9dc84ac 100644 --- a/components/common/ClientLayout.tsx +++ b/components/common/ClientLayout.tsx @@ -3,6 +3,7 @@ import React, { useEffect, useState } from 'react'; import { usePathname } from 'next/navigation'; import Preloader from '@/app/loading'; +import ScrollToTop from 'react-scroll-to-top'; export default function ClientLayout({ children }: { children: React.ReactNode }) { const pathname = usePathname(); @@ -31,7 +32,30 @@ export default function ClientLayout({ children }: { children: React.ReactNode } return ( <> {isLoading && } - {!isLoading && children} + {!isLoading && ( + <> + {children} + + {/* Scroll to Top Button */} + + + )} ); }