import { capitalize, statusesList } from "@allurereport/core-api";
import { Counter, Loadable } from "@allurereport/web-components";
import { reportStatsStore, statsByEnvStore } from "@/stores";
import { currentEnvironment } from "@/stores/env";
import { useI18n } from "@/stores/locale";
import { setTreeStatus, treeStatus } from "@/stores/treeFilters/store";
import { ReportTab, ReportTabsList } from "../ReportTabs";
import { TreeList } from "../Tree";
import { ReportContentProvider } from "./context";
import { HeaderActions } from "./HeaderActions";
import { SortBy } from "./SortBy";
import * as styles from "./styles.scss";
const ALL_TAB = "total";
const Header = () => {
const { t } = useI18n("statuses");
return (
{
const currentEnv = stats[currentEnvironment.value] || reportStatsStore.value.data;
const statList = statusesList
.map((status) => {
return { status, value: currentEnv[status] };
})
.filter(({ value }) => value);
const isStatListHaveCurrentTab = statList.filter(({ status }) => status === treeStatus.value);
if (!isStatListHaveCurrentTab.length && treeStatus.value !== "total") {
setTreeStatus("total");
}
const allStatuses = statList.map(({ status, value }) => (
{capitalize(t(status) ?? status)}
));
return (
<>
{capitalize(t("total"))}
{allStatuses}
);
}}
/>
);
};
const Body = () => {
return (
);
};
export const ReportBody = () => {
return (
);
};