import { 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, treeFiltersStore } from "@/stores/tree";
import { capitalize } from "@/utils/capitalize";
import { Tab, Tabs, TabsList, useTabsContext } from "../Tabs";
import { TreeList } from "../Tree";
import { HeaderActions } from "./HeaderActions";
import { SortBy } from "./SortBy";
import { ReportContentProvider } from "./context";
import * as styles from "./styles.scss";
const ALL_TAB = "total";
const Header = () => {
const { t } = useI18n("statuses");
const { currentTab, setCurrentTab } = useTabsContext();
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 === currentTab);
if (!isStatListHaveCurrentTab.length && currentTab !== "total") {
setCurrentTab("total");
setTreeStatus("total");
}
const allStatuses = statList.map(({ status, value }) => (
{capitalize(t(status) ?? status)}
));
return (
<>
{capitalize(t("total"))}
{allStatuses}
);
}}
/>
);
};
const Body = () => {
return (
);
};
export const ReportBody = () => {
const initialTab = treeFiltersStore.value.status;
return (
);
};