Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-22 12:41:31 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix an assorted set of issues, more info on linear

Browse Source
This commit is contained in:
Amruth Pillai
2023-11-22 22:50:21 +01:00
parent 4baecb22e9
commit 4687091ebd
7 changed files with 57 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
apps/client/src/pages/builder/sidebars/left/sections/shared/section-list-item.tsx
View File

@ -3,11 +3,11 @@ import { CSS } from "@dnd-kit/utilities";
import { t } from "@lingui/macro";
import { CopySimple, DotsSixVertical, PencilSimple, TrashSimple } from "@phosphor-icons/react";
import {
DropdownMenu,
DropdownMenuCheckboxItem,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuTrigger,
ContextMenu,
ContextMenuCheckboxItem,
ContextMenuContent,
ContextMenuItem,
ContextMenuTrigger,
} from "@reactive-resume/ui";
import { cn } from "@reactive-resume/utils";
import { motion } from "framer-motion";
@ -68,9 +68,10 @@ export const SectionListItem = ({
</div>
{/* List Item */}
<DropdownMenu>
<DropdownMenuTrigger asChild>
<ContextMenu>
<ContextMenuTrigger asChild>
<div
onClick={onUpdate}
className={cn(
"flex-1 cursor-context-menu p-4 hover:bg-secondary-accent",
!visible && "opacity-50",
@ -79,25 +80,25 @@ export const SectionListItem = ({
<h4 className="font-medium leading-relaxed">{title}</h4>
{description && <p className="text-xs leading-relaxed opacity-50">{description}</p>}
</div>
</DropdownMenuTrigger>
<DropdownMenuContent>
<DropdownMenuCheckboxItem checked={visible} onCheckedChange={onToggleVisibility}>
</ContextMenuTrigger>
<ContextMenuContent>
<ContextMenuCheckboxItem checked={visible} onCheckedChange={onToggleVisibility}>
<span className="-ml-0.5">{t`Visible`}</span>
</DropdownMenuCheckboxItem>
<DropdownMenuItem onClick={onUpdate}>
</ContextMenuCheckboxItem>
<ContextMenuItem onClick={onUpdate}>
<PencilSimple size={14} />
<span className="ml-2">{t`Edit`}</span>
</DropdownMenuItem>
<DropdownMenuItem onClick={onDuplicate}>
</ContextMenuItem>
<ContextMenuItem onClick={onDuplicate}>
<CopySimple size={14} />
<span className="ml-2">{t`Copy`}</span>
</DropdownMenuItem>
<DropdownMenuItem className="text-error" onClick={onDelete}>
</ContextMenuItem>
<ContextMenuItem className="text-error" onClick={onDelete}>
<TrashSimple size={14} />
<span className="ml-2">{t`Remove`}</span>
</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>
</ContextMenuItem>
</ContextMenuContent>
</ContextMenu>
</div>
</motion.section>
);