mirror of
https://github.com/hanzo-apps/dataroom.git
synced 2026-10-30 14:47:36 +00:00
zeekay
6f37e611cd
This feature allows users to set a private, internal name for Data Rooms that is only visible to the owner. This helps distinguish between multiple data rooms that share the same public-facing name. Changes: - Add internalName field to Dataroom schema - Create database migration for the new field - Update API endpoints to support creating/updating internal names - Search now includes internal names - Update add-dataroom-modal with internal name input - Display internal name in dataroom cards and headers - Add internal name form in settings page
89 lines
2.5 KiB
TypeScript
89 lines
2.5 KiB
TypeScript
import Link from "next/link";
|
|
|
|
import { useState } from "react";
|
|
|
|
import { BellRingIcon } from "lucide-react";
|
|
|
|
import { useDataroom, useDataroomLinks } from "@/lib/swr/use-dataroom";
|
|
|
|
import { DataroomLinkSheet } from "@/components/links/link-sheet/dataroom-link-sheet";
|
|
import { Button } from "@/components/ui/button";
|
|
import {
|
|
Tooltip,
|
|
TooltipContent,
|
|
TooltipPortal,
|
|
TooltipTrigger,
|
|
} from "@/components/ui/tooltip";
|
|
|
|
export const DataroomHeader = ({
|
|
title,
|
|
description,
|
|
internalName,
|
|
actions,
|
|
}: {
|
|
title: string;
|
|
description: string;
|
|
internalName?: string | null;
|
|
actions?: React.ReactNode[];
|
|
}) => {
|
|
const [isLinkSheetOpen, setIsLinkSheetOpen] = useState<boolean>(false);
|
|
const { dataroom } = useDataroom();
|
|
const { links } = useDataroomLinks();
|
|
|
|
const actionRows: React.ReactNode[][] = [];
|
|
if (actions) {
|
|
for (let i = 0; i < actions.length; i += 3) {
|
|
actionRows.push(actions.slice(i, i + 3));
|
|
}
|
|
}
|
|
|
|
return (
|
|
<section className="mb-4">
|
|
<div className="flex items-center justify-between">
|
|
<div className="flex min-h-10 items-center gap-x-2 space-y-1">
|
|
<div>
|
|
<h1 className="text-xl font-semibold tracking-tight text-foreground sm:text-2xl">
|
|
{internalName || title}
|
|
</h1>
|
|
{internalName && (
|
|
<p className="text-sm text-muted-foreground">{title}</p>
|
|
)}
|
|
</div>
|
|
{dataroom?.enableChangeNotifications ? (
|
|
<Tooltip>
|
|
<TooltipTrigger asChild>
|
|
<Link
|
|
href={`/datarooms/${dataroom?.id}/settings/notifications`}
|
|
>
|
|
<Button variant="ghost" size="icon" className="size-8">
|
|
<BellRingIcon className="inline-block !size-4 text-[#fb7a00]" />
|
|
</Button>
|
|
</Link>
|
|
</TooltipTrigger>
|
|
<TooltipPortal>
|
|
<TooltipContent
|
|
side="right"
|
|
className="text-center text-muted-foreground"
|
|
>
|
|
<p>Change notifications are enabled</p>
|
|
</TooltipContent>
|
|
</TooltipPortal>
|
|
</Tooltip>
|
|
) : null}
|
|
</div>
|
|
<div>
|
|
<Button onClick={() => setIsLinkSheetOpen(true)} key={1}>
|
|
Share
|
|
</Button>
|
|
</div>
|
|
<DataroomLinkSheet
|
|
linkType={"DATAROOM_LINK"}
|
|
isOpen={isLinkSheetOpen}
|
|
setIsOpen={setIsLinkSheetOpen}
|
|
existingLinks={links}
|
|
/>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|