feat: view customize on member's role

This commit is contained in:
Takeshi Kimata
2024-06-02 14:14:04 +09:00
parent 8300520a86
commit 7d42d2660c
8 changed files with 154 additions and 16 deletions

View File

@@ -4,16 +4,17 @@ import { FolderType, FoldersMessages } from '@/types/folder';
type Props = {
folder: FolderType;
isDisabled: boolean;
onEditClick: (folder: FolderType) => void;
onDeleteClick: (deleteFolderId: number) => void;
messages: FoldersMessages;
};
export default function FolderEditMenu({ folder, onEditClick, onDeleteClick, messages }: Props) {
export default function FolderEditMenu({ folder, isDisabled, onEditClick, onDeleteClick, messages }: Props) {
return (
<Dropdown>
<DropdownTrigger>
<Button isIconOnly size="sm" className="bg-transparent rounded-full">
<Button isIconOnly isDisabled={isDisabled} size="sm" className="bg-transparent rounded-full">
<MoreVertical size={16} />
</Button>
</DropdownTrigger>

View File

@@ -118,6 +118,7 @@ export default function FoldersPane({ projectId, messages, locale }: Props) {
size="sm"
variant="bordered"
className="m-2"
isDisabled={!context.isProjectEditable(Number(projectId))}
onClick={openDialogForCreate}
>
{messages.newFolder}
@@ -132,6 +133,7 @@ export default function FoldersPane({ projectId, messages, locale }: Props) {
endContent={
<FolderEditMenu
folder={folder}
isDisabled={!context.isProjectEditable(Number(projectId))}
onEditClick={onEditClick}
onDeleteClick={onDeleteClick}
messages={messages}