- {labels.map((label) => (
-
- {label}
-
- ))}
- {issue.labels.length > labels.length ? (
-
- +{issue.labels.length - labels.length}
-
- ) : null}
+
) : null}
@@ -11803,31 +11787,11 @@ export default function TaskPage(): React.JSX.Element {
{effectiveLinearDisplayProperties.has('assignee') ? (
-
-
-
-
- {issue.assignee?.displayName ??
- translate('auto.components.TaskPage.42a9160321', 'Unassigned')}
-
-
+
) : null}
diff --git a/src/renderer/src/components/feature-interaction-writer-boundaries.test.ts b/src/renderer/src/components/feature-interaction-writer-boundaries.test.ts
index 5c9b44b5ac1..303ebfbb63d 100644
--- a/src/renderer/src/components/feature-interaction-writer-boundaries.test.ts
+++ b/src/renderer/src/components/feature-interaction-writer-boundaries.test.ts
@@ -190,6 +190,22 @@ describe('feature interaction writer boundaries', () => {
expect(section).toContain(linearWriter)
}
+ const linearCellSections = [
+ sourceBetween(
+ componentSource('task-page-linear-assignee-cell.tsx'),
+ 'export function LinearAssigneeCell',
+ 'return ('
+ ),
+ sourceBetween(
+ componentSource('task-page-linear-labels-cell.tsx'),
+ 'export function LinearLabelsCell',
+ 'return ('
+ )
+ ]
+ for (const section of linearCellSections) {
+ expect(section).toContain(linearWriter)
+ }
+
const drawerMutationSections = [
sourceBetween(drawerSource, 'const handleStateChange', 'const handlePriorityChange'),
sourceBetween(drawerSource, 'const handlePriorityChange', 'const handleEstimateChange'),
diff --git a/src/renderer/src/components/task-page-linear-assignee-cell.tsx b/src/renderer/src/components/task-page-linear-assignee-cell.tsx
new file mode 100644
index 00000000000..3cb327d1c13
--- /dev/null
+++ b/src/renderer/src/components/task-page-linear-assignee-cell.tsx
@@ -0,0 +1,222 @@
+import React, { useCallback, useRef, useState } from 'react'
+import { ChevronDown, LoaderCircle } from 'lucide-react'
+import { toast } from 'sonner'
+
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
+import { useTeamMembers } from '@/hooks/useIssueMetadata'
+import { translate } from '@/i18n/i18n'
+import { cn } from '@/lib/utils'
+import { linearUpdateIssue } from '@/runtime/runtime-linear-client'
+import { useAppStore } from '@/store'
+import type { TaskSourceContext } from '../../../shared/task-source-context'
+import type { LinearIssue } from '../../../shared/types'
+
+export function LinearAssigneeCell({
+ issue,
+ className,
+ sourceContext,
+ variant = 'avatar'
+}: {
+ issue: LinearIssue
+ className?: string
+ sourceContext?: TaskSourceContext | null
+ variant?: 'avatar' | 'name'
+}): React.JSX.Element {
+ const settings = useAppStore((s) => s.settings)
+ const providerSettings = sourceContext ?? settings
+ const patchLinearIssue = useAppStore((s) => s.patchLinearIssue)
+ const members = useTeamMembers(issue.team.id, providerSettings, issue.workspaceId)
+ const [open, setOpen] = useState(false)
+ const [pending, setPending] = useState(false)
+ const reqRef = useRef(0)
+
+ const handleAssigneeChange = useCallback(
+ (memberId: string | null) => {
+ const nextAssigneeId = memberId
+ if ((issue.assignee?.id ?? null) === nextAssigneeId || pending) {
+ return
+ }
+
+ const member =
+ nextAssigneeId == null ? undefined : members.data.find((m) => m.id === nextAssigneeId)
+ if (nextAssigneeId != null && !member) {
+ return
+ }
+
+ reqRef.current += 1
+ const reqId = reqRef.current
+ const previousAssignee = issue.assignee
+ const nextAssignee = member
+ ? { id: member.id, displayName: member.displayName, avatarUrl: member.avatarUrl }
+ : undefined
+
+ setPending(true)
+ patchLinearIssue(issue.id, { assignee: nextAssignee }, { sourceContext })
+ void linearUpdateIssue(
+ providerSettings,
+ issue.id,
+ { assigneeId: nextAssigneeId },
+ issue.workspaceId
+ )
+ .then((result) => {
+ if (reqId !== reqRef.current) {
+ return
+ }
+ if (result.ok === false) {
+ patchLinearIssue(issue.id, { assignee: previousAssignee }, { sourceContext })
+ toast.error(
+ result.error ??
+ translate(
+ 'auto.components.TaskPage.linearAssigneeUpdateFailed',
+ 'Failed to update Linear assignee'
+ )
+ )
+ return
+ }
+ useAppStore.getState().invalidateLinearIssueLists({ sourceContext })
+ useAppStore.getState().recordFeatureInteraction('linear-tasks')
+ })
+ .catch(() => {
+ if (reqId !== reqRef.current) {
+ return
+ }
+ patchLinearIssue(issue.id, { assignee: previousAssignee }, { sourceContext })
+ toast.error(
+ translate(
+ 'auto.components.TaskPage.linearAssigneeUpdateFailed',
+ 'Failed to update Linear assignee'
+ )
+ )
+ })
+ .finally(() => {
+ if (reqId === reqRef.current) {
+ setPending(false)
+ }
+ })
+ },
+ [
+ issue.assignee,
+ issue.id,
+ issue.workspaceId,
+ members.data,
+ patchLinearIssue,
+ pending,
+ providerSettings,
+ sourceContext
+ ]
+ )
+
+ const unassignedLabel = translate('auto.components.TaskPage.42a9160321', 'Unassigned')
+ const displayName = issue.assignee?.displayName ?? unassignedLabel
+ const triggerContent =
+ variant === 'name' ? (
+ {displayName}
+ ) : issue.assignee ? (
+ issue.assignee.avatarUrl ? (
+
- {issue.assignee?.avatarUrl ? (
- 
- ) : (
- (issue.assignee?.displayName?.slice(0, 1) ?? '-')
- )}
-
- {members.error}
+ ) : members.loading ? (
+
+
+ ) : members.data.length > 0 ? (
+ members.data.map((member) => (
+
+ ))
+ ) : (
+
+ {translate('auto.components.TaskPage.linearNoMembersFound', 'No members found')}
+
+ )}
+
+ {teamLabels.error}
+
+ ) : teamLabels.loading ? (
+
+
+ ) : teamLabels.data.length > 0 ? (
+ teamLabels.data.map((label) => {
+ const isOn = selectedIdSet.has(label.id)
+ return (
+
+ )
+ })
+ ) : (
+
+ {translate('auto.components.TaskPage.linearNoLabelsFound', 'No labels found')}
+
+ )}
+