dima/supabase
1
0 Fork 0
mirror of https://github.com/supabase/supabase.git synced 2026-10-15 06:09:08 +03:00
Code Issues Packages Projects Releases Wiki Activity

Update ColumnMenu.tsx

Browse Source
This commit is contained in:
Jonathan Summers-Muir committed 2025-05-05 14:34:27 +08:00
1 parent 844c12ace6
commit 3d826b4594
1 file changed
+44 -38
Download Patch File Download Diff File Expand all files Collapse all files
apps/studio/components/grid/components/menu/ColumnMenu.tsx
+44 -38
View File
@@ -11,8 +11,8 @@ import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuSeparator,
DropdownMenuTrigger,
Separator,
Tooltip,
TooltipContent,
TooltipTrigger,
@@ -71,36 +71,6 @@ const ColumnMenu = ({ column, isEncrypted }: ColumnMenuProps) => {
return (
<>
{snap.editable && (
<Tooltip>
<TooltipTrigger asChild className={`${isEncrypted ? 'opacity-50' : ''}`}>
<DropdownMenuItem className="space-x-2" onClick={onEditColumn} disabled={isEncrypted}>
<Edit size={14} />
<p>Edit column</p>
</DropdownMenuItem>
</TooltipTrigger>
{isEncrypted && (
<TooltipContent side="bottom">Encrypted columns cannot be edited</TooltipContent>
)}
</Tooltip>
)}
<DropdownMenuItem
className="space-x-2"
onClick={column.frozen ? onUnfreezeColumn : onFreezeColumn}
>
{column.frozen ? (
<>
<Unlock size={14} />
<p>Unfreeze column</p>
</>
) : (
<>
<Lock size={14} />
<p>Freeze column</p>
</>
)}
</DropdownMenuItem>
<Separator />
<DropdownMenuItem
className={cn(
'space-x-2',
@@ -108,8 +78,8 @@ const ColumnMenu = ({ column, isEncrypted }: ColumnMenuProps) => {
)}
onClick={() => onSortColumn(true)}
>
<ArrowUp size={14} strokeWidth={currentSort?.ascending ? 3 : 1} />
<p>Sort Ascending</p>
<ArrowUp size={14} strokeWidth={currentSort?.ascending ? 3 : 1.5} />
<span>Sort Ascending</span>
</DropdownMenuItem>
<DropdownMenuItem
className={cn(
@@ -120,15 +90,51 @@ const ColumnMenu = ({ column, isEncrypted }: ColumnMenuProps) => {
)}
onClick={() => onSortColumn(false)}
>
<ArrowDown size={14} strokeWidth={currentSort && !currentSort.ascending ? 3 : 1} />
<p>Sort Descending</p>
<ArrowDown size={14} strokeWidth={currentSort && !currentSort.ascending ? 3 : 1.5} />
<span>Sort Descending</span>
</DropdownMenuItem>
{snap.editable && (
<>
<Separator />
<DropdownMenuSeparator />
<Tooltip>
<TooltipTrigger asChild className={`${isEncrypted ? 'opacity-50' : ''}`}>
<DropdownMenuItem
className="space-x-2"
onClick={onEditColumn}
disabled={isEncrypted}
>
<Edit size={14} strokeWidth={1.5} />
<span>Edit column</span>
</DropdownMenuItem>
</TooltipTrigger>
{isEncrypted && (
<TooltipContent side="bottom">Encrypted columns cannot be edited</TooltipContent>
)}
</Tooltip>
</>
)}
<DropdownMenuItem
className="space-x-2"
onClick={column.frozen ? onUnfreezeColumn : onFreezeColumn}
>
{column.frozen ? (
<>
<Unlock size={14} strokeWidth={1.5} />
<span>Unfreeze column</span>
</>
) : (
<>
<Lock size={14} strokeWidth={1.5} />
<span>Freeze column</span>
</>
)}
</DropdownMenuItem>
{snap.editable && (
<>
<DropdownMenuSeparator />
<DropdownMenuItem className="space-x-2" onClick={onDeleteColumn}>
<Trash size={14} stroke="red" />
<p>Delete column</p>
<Trash size={14} className="text-destructive" />
<span>Delete column</span>
</DropdownMenuItem>
</>
)}