## Problem You are building a project management UI. Implement a `TaskRow` component that displays a single task, supports inline title editing on double-click, and cycles through statuses (Todo -> In Progress -> Done -> Todo) on a button click. ```tsx // React / TypeScript type Status = 'todo' | 'in_progress' | 'done'; interface TaskRowProps { task: { id: string; title: string; status: Status }; onUpdate: (id: string, patch: Partial ) -> void; } export function TaskRow({ task, onUpdate }: TaskRowProps) { ... } ``` **Requirements:** Editing commits on blur or Enter; Escape cancels. Status badge color changes with state. ## Follow-ups 1. How do you prevent accidental edits when a user single-clicks to select text? 2. If 1000 task rows are rendered, what optimizations prevent sluggish re-renders? 3. How would you add an animated transition when the status changes? 4. How would you test that Escape correctly discards unsaved edits?

InterviewDB Question · Los Angeles

Task Row: Design a Task Row Component with Inline Editing and Status Transitions

phone

Question Details

Problem You are building a project management UI. Implement a TaskRow component that displays a single task, supports inline title editing on double-click, and cycles through statuses (Todo -> In Progress -> Done -> Todo) on a button click. Requirements: Editing commits on blur or Enter; Escape cancels. Status badge color changes with state. Follow-ups How do you prevent accidental edits when a user single-clicks to select text? If 1000 task rows are rendered, what optimizations prevent sluggish…

Full Details

🔒

Unlock all Notion questions

Full insider details, leaked discussions, and candidate experiences.

Get full access — $100 a year, unlimited access

About This Question

This is a reported interview question from a notion interview during the phone round.

It covers the following topics: Coding, Phone, Onsite, Strings .

Topics

Coding Phone Onsite Strings

Task Row: Design a Task Row Component with Inline Editing and Status Transitions

Question Details

Full Details

About This Question

Topics

More Notion Interview Questions