tben
dbfe48796b
Add a generated manifest, icon set, offline page and service worker that never caches authenticated HTML, plus install and update UI. Turn the rail into a drawer below md with container-query internals, dvh and safe-area handling, and reconnect the socket after visibility/network changes. Add Web Push subscriptions, presence-aware delivery, notification settings and tests.
32 lines
1.2 KiB
TypeScript
32 lines
1.2 KiB
TypeScript
import { useContext } from "react";
|
|
import Button from "@moduletrace/twui/layout/Button";
|
|
import { AppContext } from "@/src/pages/__root";
|
|
import canManageCrew from "@/src/utils/rbac/can-manage-crew";
|
|
import { Plus } from "lucide-react";
|
|
import { AddFlowContext } from "../(data)/add-flow-context";
|
|
|
|
/**
|
|
* The rail header's Add icon: opens the Add modal (a bot, a workspace or a
|
|
* computer), for super admins and admins.
|
|
*/
|
|
export default function RailAddButton() {
|
|
const { openAdd } = useContext(AddFlowContext);
|
|
const { pageProps } = useContext(AppContext);
|
|
|
|
if (!canManageCrew({ user_types: pageProps?.user_types })) return null;
|
|
|
|
return (
|
|
<Button
|
|
title="Add a bot, workspace or computer"
|
|
aria-label="Add a bot, workspace or computer"
|
|
type="button"
|
|
variant="ghost"
|
|
color="text"
|
|
onClick={openAdd}
|
|
className="hidden @rail:flex shrink-0 p-1.5! rounded-default-sm text-ink-secondary dark:text-ink-secondary hover:text-ink hover:dark:text-ink hover:bg-sunken hover:dark:bg-sunken transition-colors duration-[var(--m-fast)] focus-visible:ring-2 focus-visible:ring-ink"
|
|
>
|
|
<Plus size={18} aria-hidden />
|
|
</Button>
|
|
);
|
|
}
|