Infrastructure/zipline
1
Fork 0
mirror of https://github.com/diced/zipline.git synced 2025-04-11 23:31:17 -05:00
Code Issues Activity

fix: add edit name to card view

Browse source
This commit is contained in:
diced 2025-02-03 17:19:11 -08:00
parent c9ecc46e8c
commit 711e583518
No known key found for this signature in database
GPG key ID: 370BD1BA142842D1
1 changed files with 18 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/components/pages/folders/FolderCard.tsx
View file

@ -2,19 +2,30 @@ import RelativeDate from '@/components/RelativeDate';
import { Folder } from '@/lib/db/models/folder';
import { ActionIcon, Anchor, Card, Group, Menu, Stack, Text } from '@mantine/core';
import { useClipboard } from '@mantine/hooks';
import { IconCopy, IconDots, IconFiles, IconLock, IconLockOpen, IconTrashFilled } from '@tabler/icons-react';
import {
IconCopy,
IconDots,
IconFiles,
IconLock,
IconLockOpen,
IconPencil,
IconTrashFilled,
} from '@tabler/icons-react';
import { useState } from 'react';
import ViewFilesModal from './ViewFilesModal';
import { copyFolderUrl, deleteFolder, editFolderVisibility } from './actions';
import EditFolderNameModal from './EditFolderNameModal';
export default function FolderCard({ folder }: { folder: Folder }) {
const clipboard = useClipboard();
const [open, setOpen] = useState(false);
const [viewOpen, setViewOpen] = useState(false);
const [editOpen, setEditOpen] = useState(false);
return (
<>
<ViewFilesModal opened={open} onClose={() => setOpen(false)} folder={folder} />
<ViewFilesModal opened={viewOpen} onClose={() => setViewOpen(false)} folder={folder} />
<EditFolderNameModal folder={folder} opened={editOpen} onClose={() => setEditOpen(false)} />
<Card withBorder shadow='sm' radius='sm'>
<Card.Section withBorder inheritPadding py='xs'>
@ -39,7 +50,7 @@ export default function FolderCard({ folder }: { folder: Folder }) {
</Group>
<Menu.Dropdown>
<Menu.Item leftSection={<IconFiles size='1rem' />} onClick={() => setOpen(true)}>
<Menu.Item leftSection={<IconFiles size='1rem' />} onClick={() => setViewOpen(true)}>
View Files
</Menu.Item>
<Menu.Item
@ -48,6 +59,9 @@ export default function FolderCard({ folder }: { folder: Folder }) {
>
{folder.public ? 'Make Private' : 'Make Public'}
</Menu.Item>
<Menu.Item leftSection={<IconPencil size='1rem' />} onClick={() => setEditOpen(true)}>
Edit Name
</Menu.Item>
<Menu.Item
leftSection={<IconCopy size='1rem' />}
disabled={!folder.public}