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
42 lines
1.4 KiB
TypeScript
42 lines
1.4 KiB
TypeScript
import { useDataroom } from "@/lib/swr/use-dataroom";
|
|
|
|
import { DataroomHeader } from "@/components/datarooms/dataroom-header";
|
|
import { DataroomNavigation } from "@/components/datarooms/dataroom-navigation";
|
|
import PermissionSettings from "@/components/datarooms/settings/permission-settings";
|
|
import SettingsTabs from "@/components/datarooms/settings/settings-tabs";
|
|
import AppLayout from "@/components/layouts/app";
|
|
|
|
export default function PermissionsSettings() {
|
|
const { dataroom } = useDataroom();
|
|
|
|
if (!dataroom) {
|
|
return <div>Loading...</div>;
|
|
}
|
|
|
|
return (
|
|
<AppLayout>
|
|
<main 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={[]}
|
|
/>
|
|
|
|
<DataroomNavigation dataroomId={dataroom.id} />
|
|
</header>
|
|
<div className="mx-auto grid w-full gap-2">
|
|
<h1 className="text-2xl font-semibold">Settings</h1>
|
|
</div>
|
|
<div className="mx-auto grid w-full items-start gap-6 md:grid-cols-[180px_1fr] lg:grid-cols-[250px_1fr]">
|
|
<SettingsTabs dataroomId={dataroom.id} />
|
|
<div className="grid gap-6">
|
|
<PermissionSettings dataroomId={dataroom.id} />
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</AppLayout>
|
|
);
|
|
}
|