mirror of
https://github.com/docmost/docmost
synced 2025-03-28 21:13:28 +00:00
b81c9ee10c
* stripe init git submodules for enterprise modules * * Cloud billing UI - WIP * Proxy websockets in dev mode * Separate workspace login and creation for cloud * Other fixes * feat: billing (cloud) * * add domain service * prepare links from workspace hostname * WIP * Add exchange token generation * Validate JWT token type during verification * domain service * add SkipTransform decorator * * updates (server) * add new packages * new sso migration file * WIP * Fix hostname generation * WIP * WIP * Reduce input error font-size * set max password length * jwt package * license page - WIP * * License management UI * Move license key store to db * add reflector * SSO enforcement * * Add default plan * Add usePlan hook * * Fix auth container margin in mobile * Redirect login and home to select page in cloud * update .gitignore * Default to yearly * * Trial messaging * Handle ended trials * Don't set to readonly on collab disconnect (Cloud) * Refine trial (UI) * Fix bug caused by using jotai optics atom in AppHeader component * configurable database maximum pool * Close SSO form on save * wip * sync * Only show sign-in in cloud * exclude base api part from workspaceId check * close db connection beforeApplicationShutdown * Add health/live endpoint * clear cookie on hostname change * reset currentUser atom * Change text * return 401 if workspace does not match * feat: show user workspace list in cloud login page * sync * Add home path * Prefetch to speed up queries * * Add robots.txt * Disallow login and forgot password routes * wildcard user-agent * Fix space query cache * fix * fix * use space uuid for recent pages * prefetch billing plans * enhance license page * sync
100 lines
3.0 KiB
TypeScript
100 lines
3.0 KiB
TypeScript
import { Badge, Group, Text, Tooltip } from "@mantine/core";
|
|
import classes from "./app-header.module.css";
|
|
import React from "react";
|
|
import TopMenu from "@/components/layouts/global/top-menu.tsx";
|
|
import { Link } from "react-router-dom";
|
|
import APP_ROUTE from "@/lib/app-route.ts";
|
|
import { useAtom } from "jotai";
|
|
import {
|
|
desktopSidebarAtom,
|
|
mobileSidebarAtom,
|
|
} from "@/components/layouts/global/hooks/atoms/sidebar-atom.ts";
|
|
import { useToggleSidebar } from "@/components/layouts/global/hooks/hooks/use-toggle-sidebar.ts";
|
|
import SidebarToggle from "@/components/ui/sidebar-toggle-button.tsx";
|
|
import { useTranslation } from "react-i18next";
|
|
import useTrial from "@/ee/hooks/use-trial.tsx";
|
|
import { isCloud } from "@/lib/config.ts";
|
|
|
|
const links = [{ link: APP_ROUTE.HOME, label: "Home" }];
|
|
|
|
export function AppHeader() {
|
|
const { t } = useTranslation();
|
|
const [mobileOpened] = useAtom(mobileSidebarAtom);
|
|
const toggleMobile = useToggleSidebar(mobileSidebarAtom);
|
|
|
|
const [desktopOpened] = useAtom(desktopSidebarAtom);
|
|
const toggleDesktop = useToggleSidebar(desktopSidebarAtom);
|
|
const { isTrial, trialDaysLeft } = useTrial();
|
|
|
|
const isHomeRoute = location.pathname.startsWith("/home");
|
|
|
|
const items = links.map((link) => (
|
|
<Link key={link.label} to={link.link} className={classes.link}>
|
|
{t(link.label)}
|
|
</Link>
|
|
));
|
|
|
|
return (
|
|
<>
|
|
<Group h="100%" px="md" justify="space-between" wrap={"nowrap"}>
|
|
<Group wrap="nowrap">
|
|
{!isHomeRoute && (
|
|
<>
|
|
<Tooltip label={t("Sidebar toggle")}>
|
|
<SidebarToggle
|
|
aria-label={t("Sidebar toggle")}
|
|
opened={mobileOpened}
|
|
onClick={toggleMobile}
|
|
hiddenFrom="sm"
|
|
size="sm"
|
|
/>
|
|
</Tooltip>
|
|
|
|
<Tooltip label={t("Sidebar toggle")}>
|
|
<SidebarToggle
|
|
aria-label={t("Sidebar toggle")}
|
|
opened={desktopOpened}
|
|
onClick={toggleDesktop}
|
|
visibleFrom="sm"
|
|
size="sm"
|
|
/>
|
|
</Tooltip>
|
|
</>
|
|
)}
|
|
|
|
<Text
|
|
size="lg"
|
|
fw={600}
|
|
style={{ cursor: "pointer", userSelect: "none" }}
|
|
component={Link}
|
|
to="/home"
|
|
>
|
|
Docmost
|
|
</Text>
|
|
|
|
<Group ml={50} gap={5} className={classes.links} visibleFrom="sm">
|
|
{items}
|
|
</Group>
|
|
</Group>
|
|
|
|
<Group px={"xl"} wrap="nowrap">
|
|
{isCloud() && isTrial && trialDaysLeft !== 0 && (
|
|
<Badge
|
|
variant="light"
|
|
style={{ cursor: "pointer" }}
|
|
component={Link}
|
|
to={APP_ROUTE.SETTINGS.WORKSPACE.BILLING}
|
|
visibleFrom="xs"
|
|
>
|
|
{trialDaysLeft === 1
|
|
? "1 day left"
|
|
: `${trialDaysLeft} days left`}
|
|
</Badge>
|
|
)}
|
|
<TopMenu />
|
|
</Group>
|
|
</Group>
|
|
</>
|
|
);
|
|
}
|