mirror of
https://github.com/hanzo-apps/dataroom.git
synced 2026-11-02 22:04:20 +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
67 lines
2.0 KiB
TypeScript
67 lines
2.0 KiB
TypeScript
import { useState } from "react";
|
|
|
|
import { useDataroom, useDataroomLinks } from "@/lib/swr/use-dataroom";
|
|
|
|
import { DataroomHeader } from "@/components/datarooms/dataroom-header";
|
|
import { DataroomNavigation } from "@/components/datarooms/dataroom-navigation";
|
|
import StatsCard from "@/components/datarooms/stats-card";
|
|
import AppLayout from "@/components/layouts/app";
|
|
import LinkSheet from "@/components/links/link-sheet";
|
|
import LinksTable from "@/components/links/links-table";
|
|
import { Button } from "@/components/ui/button";
|
|
import DataroomVisitorsTable from "@/components/visitors/dataroom-visitors-table";
|
|
|
|
export default function DataroomPage() {
|
|
const { dataroom } = useDataroom();
|
|
const { links } = useDataroomLinks();
|
|
|
|
const [isLinkSheetOpen, setIsLinkSheetOpen] = useState<boolean>(false);
|
|
|
|
if (!dataroom) {
|
|
return <div>Loading...</div>;
|
|
}
|
|
|
|
return (
|
|
<AppLayout>
|
|
<div className="relative mx-2 mb-10 mt-4 space-y-8 overflow-hidden px-1 sm:mx-3 md:mx-5 md:mt-5 lg:mx-7 lg:mt-8 xl:mx-10">
|
|
<header>
|
|
<DataroomHeader
|
|
title={dataroom.name}
|
|
description={dataroom.pId}
|
|
internalName={dataroom.internalName}
|
|
actions={[
|
|
<Button onClick={() => setIsLinkSheetOpen(true)} key={1}>
|
|
Share
|
|
</Button>,
|
|
]}
|
|
/>
|
|
|
|
<DataroomNavigation dataroomId={dataroom.id} />
|
|
</header>
|
|
|
|
<div className="space-y-4">
|
|
{/* Stats */}
|
|
<StatsCard />
|
|
|
|
{/* Links */}
|
|
<LinksTable
|
|
links={links}
|
|
targetType={"DATAROOM"}
|
|
dataroomName={dataroom.name}
|
|
/>
|
|
|
|
{/* Visitors */}
|
|
<DataroomVisitorsTable dataroomId={dataroom.id} />
|
|
|
|
<LinkSheet
|
|
linkType={"DATAROOM_LINK"}
|
|
isOpen={isLinkSheetOpen}
|
|
setIsOpen={setIsLinkSheetOpen}
|
|
existingLinks={links}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</AppLayout>
|
|
);
|
|
}
|