Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-09-06 06:23:53 +05:00
Code Issues Projects Releases Packages Activity

anix/refactor: navbar

Browse source
This commit is contained in:
Kentai Radiquum 2025-08-25 04:35:32 +05:00
parent 48345244f3
commit 6b84a312f7
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
11 changed files with 332 additions and 374 deletions
Download patch file Download diff file Expand all files Collapse all files

12
app/App.tsx
View file

@ -1,7 +1,6 @@
"use client";
import { useUserStore } from "./store/auth";
import { usePreferencesStore } from "./store/preferences";
import { Navbar } from "./components/Navbar/NavbarUpdate";
import { Inter } from "next/font/google";
import { useEffect, useState } from "react";
import {
@ -14,6 +13,9 @@ import {
import { Spinner } from "./components/Spinner/Spinner";
import { ChangelogModal } from "#/components/ChangelogModal/ChangelogModal";
import { Bounce, ToastContainer } from "react-toastify";
import { NavBarPc } from "./components/Navbar/NavBarPc";
import { NavBarMobile } from "./components/Navbar/NavBarMobile";
import { SettingsModal } from "./components/SettingsModal/SettingsModal";
const inter = Inter({ subsets: ["latin"] });
@ -23,6 +25,7 @@ export const App = (props) => {
const [showChangelog, setShowChangelog] = useState(false);
const [currentVersion, setCurrentVersion] = useState("");
const [previousVersions, setPreviousVersions] = useState([]);
const [isSettingModalOpen, setIsSettingModalOpen] = useState(false);
useEffect(() => {
async function _checkVersion() {
@ -68,7 +71,7 @@ export const App = (props) => {
<body
className={`${inter.className} overflow-x-hidden dark:bg-[#0d1117] dark:text-white`}
>
<Navbar />
<NavBarPc setIsSettingModalOpen={setIsSettingModalOpen} />
<main className="container px-2 pt-4 pb-24 mx-auto sm:pb-0">
{props.children}
</main>
@ -123,6 +126,11 @@ export const App = (props) => {
theme="colored"
transition={Bounce}
/>
<NavBarMobile setIsSettingModalOpen={setIsSettingModalOpen} />
<SettingsModal
isOpen={isSettingModalOpen}
setIsOpen={setIsSettingModalOpen}
/>
</body>
);
};