From d2eb6c1befd643cf299729e619cdf4a67f550a2f Mon Sep 17 00:00:00 2001 From: Faye Date: Fri, 27 Oct 2023 23:51:42 +0200 Subject: [PATCH] add theme switcher --- app/{layout.js => layout.jsx} | 11 ++- .../{account-layout.js => account-layout.jsx} | 2 +- app/loading.js | 4 -- app/loading.jsx | 23 +++++++ app/{not-found.js => not-found.jsx} | 0 app/{page.js => page.jsx} | 19 +++-- app/providers.jsx | 37 ++++++++++ components/ThemeToggle.jsx | 47 +++++++++++++ components/footer.js | 50 -------------- components/footer.jsx | 69 +++++++++++++++++++ components/{header.js => header.jsx} | 25 ++++--- components/public/fetchPublicGallery.js | 3 +- css/globals.css | 6 -- jsconfig.json | 4 +- next.config.js | 19 +++-- package-lock.json | 11 +++ package.json | 3 +- public/robots.txt | 1 - tailwind.config.js | 56 ++++++++++++--- tsconfig.json | 21 ++---- 20 files changed, 292 insertions(+), 119 deletions(-) rename app/{layout.js => layout.jsx} (65%) rename app/layouts/{account-layout.js => account-layout.jsx} (99%) delete mode 100644 app/loading.js create mode 100644 app/loading.jsx rename app/{not-found.js => not-found.jsx} (100%) rename app/{page.js => page.jsx} (80%) create mode 100644 app/providers.jsx create mode 100644 components/ThemeToggle.jsx delete mode 100644 components/footer.js create mode 100644 components/footer.jsx rename components/{header.js => header.jsx} (87%) delete mode 100644 public/robots.txt diff --git a/app/layout.js b/app/layout.jsx similarity index 65% rename from app/layout.js rename to app/layout.jsx index 213d5da8..4644c5e6 100644 --- a/app/layout.js +++ b/app/layout.jsx @@ -1,5 +1,6 @@ -import "../css/globals.css"; +import "@/css/globals.css"; import { Inter } from "next/font/google"; +import { Providers } from "@/app/providers"; const inter = Inter({ subsets: ["latin"] }); @@ -17,8 +18,12 @@ export const metadata = { export default function RootLayout({ children }) { return ( - - {children} + + + +
{children}
+ + ); } diff --git a/app/layouts/account-layout.js b/app/layouts/account-layout.jsx similarity index 99% rename from app/layouts/account-layout.js rename to app/layouts/account-layout.jsx index 0d39b6f3..c201e317 100644 --- a/app/layouts/account-layout.js +++ b/app/layouts/account-layout.jsx @@ -47,7 +47,7 @@ function classNames(...classes) { return classes.filter(Boolean).join(" "); } -export default function Example({ children }) { +export default function AccountLayout({ children }) { const [sidebarOpen, setSidebarOpen] = useState(false); const [userData, setUserData] = useState(null); const [userMeData, setUserMeData] = useState(null); diff --git a/app/loading.js b/app/loading.js deleted file mode 100644 index de3914be..00000000 --- a/app/loading.js +++ /dev/null @@ -1,4 +0,0 @@ -export default function Loading() { - // You can add any UI inside Loading, including a Skeleton. - return "Loading c:"; -} diff --git a/app/loading.jsx b/app/loading.jsx new file mode 100644 index 00000000..6e899cc6 --- /dev/null +++ b/app/loading.jsx @@ -0,0 +1,23 @@ +export default function Loading() { + return ( +
+ + Loading... +
+ ); +} diff --git a/app/not-found.js b/app/not-found.jsx similarity index 100% rename from app/not-found.js rename to app/not-found.jsx diff --git a/app/page.js b/app/page.jsx similarity index 80% rename from app/page.js rename to app/page.jsx index bad1f784..1542cc02 100644 --- a/app/page.js +++ b/app/page.jsx @@ -1,5 +1,3 @@ -"use client"; -import { useEffect } from "react"; import Header from "../components/header"; import Footer from "../components/footer"; import { ChevronRightIcon } from "@heroicons/react/20/solid"; @@ -9,10 +7,6 @@ import { faDiscord } from "@fortawesome/free-brands-svg-icons"; import Image from "next/image"; export default function Home() { - useEffect(() => { - //window.location.href = "/gallery"; - }, []); - return ( <>
@@ -51,10 +45,15 @@ export default function Home() {
- + + + Discord