Files
cobble/src/layouts/bots/(partials)/rail-workspaces-section.tsx
T
tben dbfe48796b Make the app an installable PWA with phone layout and Web Push
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.
2026-10-19 17:12:16 +01:00

42 lines
1.4 KiB
TypeScript

import { useContext } from "react";
import Span from "@moduletrace/twui/layout/Span";
import type { WorkspaceWithActivity } from "@/src/types";
import { AddFlowContext } from "../(data)/add-flow-context";
import RailSectionAddButton from "./rail-section-add-button";
import RailSectionLabel from "./rail-section-label";
import WorkspaceRow from "./workspace-row";
type Props = {
workspaces: WorkspaceWithActivity[];
selected_id?: number;
};
/**
* The user's workspaces, with a "+" to create one.
*/
export default function RailWorkspacesSection({ workspaces, selected_id }: Props) {
const { openForm } = useContext(AddFlowContext);
return (
<>
<RailSectionLabel
title="Workspaces"
action={
<RailSectionAddButton
title="Create a workspace"
onClick={() => openForm({ kind: "workspace" })}
/>
}
/>
{workspaces.map((workspace) => (
<WorkspaceRow key={workspace.id} workspace={workspace} selected={workspace.id == selected_id} />
))}
{workspaces.length ? null : (
<Span className="hidden @rail:block px-3 py-2 text-[13px] leading-[18px] text-ink-secondary">
No workspaces yet. A workspace keeps a project's context, bots and computers together.
</Span>
)}
</>
);
}