Add in-progress state to tasks
Introduce IN_PROGRESS as a new task state between TODO and DONE across the full stack: database enum, Go backend, GraphQL, MCP, and frontend. The task state icon now cycles forward on click (TODO → IN_PROGRESS → DONE → TODO), and the action dropdown provides explicit "Move to" options for any state transition. The "All" tab supports drag-and-drop between state sections to change a task's state. Signed-off-by: Sacha Al Himdani <sacha@getprobo.com>
This commit is contained in:
@@ -30,6 +30,12 @@ export const Default: Story = {
|
||||
},
|
||||
};
|
||||
|
||||
export const InProgress: Story = {
|
||||
args: {
|
||||
state: "IN_PROGRESS",
|
||||
},
|
||||
};
|
||||
|
||||
export const Done: Story = {
|
||||
args: {
|
||||
state: "DONE",
|
||||
|
||||
@@ -12,19 +12,21 @@
|
||||
// OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
||||
// PERFORMANCE OF THIS SOFTWARE.
|
||||
|
||||
import { IconCircleCheck } from "./IconCircleCheck";
|
||||
import { IconCircleProgress } from "./IconCircleProgress";
|
||||
import { IconRadioUnchecked } from "./IconRadioUnchecked";
|
||||
|
||||
type Props = {
|
||||
state: "TODO" | "DONE";
|
||||
state: "TODO" | "IN_PROGRESS" | "DONE";
|
||||
};
|
||||
|
||||
export function TaskStateIcon({ state }: Props) {
|
||||
return state === "TODO"
|
||||
? (
|
||||
<IconRadioUnchecked size={16} className="text-txt-quaternary" />
|
||||
)
|
||||
: (
|
||||
<IconCircleProgress size={16} className="text-txt-accent" />
|
||||
);
|
||||
switch (state) {
|
||||
case "TODO":
|
||||
return <IconRadioUnchecked size={16} className="text-txt-quaternary" />;
|
||||
case "IN_PROGRESS":
|
||||
return <IconCircleProgress size={16} className="text-txt-warning" />;
|
||||
case "DONE":
|
||||
return <IconCircleCheck size={16} className="text-txt-accent" />;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user