José Almeida
35 lines
1.2 KiB
TypeScript
35 lines
1.2 KiB
TypeScript
"use client";
|
|
|
|
import { IconCircleDot } from "@tabler/icons-react";
|
|
import { useTranslation } from "react-i18next";
|
|
import { useAppStore } from "@/components/state-provider";
|
|
import { TaskSessionSidebar } from "@/components/task/task-session-sidebar";
|
|
import { APP_SIDEBAR_SECTION_IDS } from "../app-sidebar-constants";
|
|
import { AppSidebarSection } from "../app-sidebar-section";
|
|
import { TasksViewPicker } from "./tasks-view-picker";
|
|
|
|
type TasksSectionProps = {
|
|
collapsed: boolean;
|
|
};
|
|
|
|
export function TasksSection({ collapsed }: TasksSectionProps) {
|
|
const { t } = useTranslation();
|
|
const workspaceId = useAppStore((s) => s.workspaces.activeId);
|
|
const workflowId = useAppStore((s) => s.kanban.workflowId);
|
|
|
|
return (
|
|
<AppSidebarSection
|
|
id={APP_SIDEBAR_SECTION_IDS.tasks}
|
|
label={t("sidebar:tasks")}
|
|
collapsed={collapsed}
|
|
icon={IconCircleDot}
|
|
headerAction={<TasksViewPicker />}
|
|
grow
|
|
>
|
|
<div className="-mx-2 flex-1 min-h-0 [&_[data-testid=task-sidebar]]:bg-transparent [&_[data-testid=task-sidebar-scroll]]:bg-transparent [&_[data-slot=task-switcher-empty-state]]:px-4">
|
|
<TaskSessionSidebar workspaceId={workspaceId} workflowId={workflowId} hideFilterBar />
|
|
</div>
|
|
</AppSidebarSection>
|
|
);
|
|
}
|