dylan/gander
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

REFACTOR: Change Stream Dashboard button depending on live status

Browse Source
This commit is contained in:
Chris-1010
2025-03-05 14:10:56 +00:00
parent c71ffaf8d7
commit 2ec1983e92
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/components/Navigation/Navbar.tsx
View File

@@ -16,7 +16,7 @@ interface NavbarProps {
} }
const Navbar: React.FC<NavbarProps> = ({ variant = "default" }) => { const Navbar: React.FC<NavbarProps> = ({ variant = "default" }) => {
const { isLoggedIn } = useAuth(); const { isLoggedIn, isLive } = useAuth();
const { showAuthModal, setShowAuthModal } = useAuthModal(); const { showAuthModal, setShowAuthModal } = useAuthModal();
const { showSideBar } = useSidebar(); const { showSideBar } = useSidebar();
const { showQuickSettings, setShowQuickSettings } = useQuickSettings(); const { showQuickSettings, setShowQuickSettings } = useQuickSettings();
@@ -53,7 +53,10 @@ const Navbar: React.FC<NavbarProps> = ({ variant = "default" }) => {
className={`relative flex justify-evenly items-center ${variant === "home" ? "h-[45vh] flex-col" : "h-[15vh] col-span-2 flex-row"}`} className={`relative flex justify-evenly items-center ${variant === "home" ? "h-[45vh] flex-col" : "h-[15vh] col-span-2 flex-row"}`}
> >
{isLoggedIn && window.innerWidth > 900 && <Sidebar />} {isLoggedIn && window.innerWidth > 900 && <Sidebar />}
<Logo extraClasses={variant != "home" && showSideBar && !window.location.pathname.includes("dashboard") ? "scale-0" : "duration-[3s]"} variant={variant} /> <Logo
extraClasses={variant != "home" && showSideBar && !window.location.pathname.includes("dashboard") ? "scale-0" : "duration-[3s]"}
variant={variant}
/>
{/* Login / Logout Button */} {/* Login / Logout Button */}
<Button <Button
extraClasses={`absolute top-[2vh] ${ extraClasses={`absolute top-[2vh] ${
@@ -93,7 +96,9 @@ const Navbar: React.FC<NavbarProps> = ({ variant = "default" }) => {
{/* Stream Button */} {/* Stream Button */}
{isLoggedIn && !window.location.pathname.includes("dashboard") && ( {isLoggedIn && !window.location.pathname.includes("dashboard") && (
<Button <Button
extraClasses={`${variant === "home" ? "absolute top-[2vh] right-[10vw]" : ""} flex flex-row items-center`} extraClasses={`${variant === "home" ? "absolute top-[2vh] right-[10vw]" : ""} ${
isLive ? "bg-red-600" : ""
} flex flex-row items-center`}
onClick={() => (window.location.href = "/dashboard")} onClick={() => (window.location.href = "/dashboard")}
> >
<LiveIcon className="h-15 w-15 mr-2" /> <LiveIcon className="h-15 w-15 mr-2" />