binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: drag handle component (#4663)

Browse source
This commit is contained in:
Aaryan Khandelwal 2024-05-31 14:59:49 +05:30 • committed by GitHub
parent 092e65b43d
commit a9d9cbcb72
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 26 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

14
web/components/issues/issue-layouts/list/block.tsx
View file

@ -67,8 +67,8 @@ export const IssueBlock = observer((props: IssueBlockProps) => {
!getIsIssuePeeked(issue.id) &&
setPeekIssue({ workspaceSlug, projectId: issue.project_id, issueId: issue.id, nestingLevel: nestingLevel });
const issue = issuesMap[issueId];
const subIssuesCount = issue?.sub_issues_count ?? 0;
const issue = issuesMap[issueId];
const subIssuesCount = issue?.sub_issues_count ?? 0;
const { isMobile } = usePlatformOS();
@ -131,8 +131,14 @@ export const IssueBlock = observer((props: IssueBlockProps) => {
<div className="flex w-full truncate" style={nestingLevel !== 0 ? { paddingLeft } : {}}>
<div className="flex flex-grow items-center gap-3 truncate">
<div className="flex items-center gap-0.5">
<div className="flex items-center group">
<DragHandle isDragging={isCurrentBlockDragging} ref={dragHandleRef} disabled={!canDrag} />
<div className="flex items-center">
<DragHandle
ref={dragHandleRef}
disabled={!canDrag}
className={cn("opacity-0 group-hover:opacity-100", {
"opacity-100": isCurrentBlockDragging,
})}
/>
<div className="flex h-5 w-5 items-center justify-center">
{subIssuesCount > 0 && (
<button