diff --git a/packages/app/src/components/batches/InfoTable.vue b/packages/app/src/components/batches/InfoTable.vue index 1784549814..e207048e54 100644 --- a/packages/app/src/components/batches/InfoTable.vue +++ b/packages/app/src/components/batches/InfoTable.vue @@ -20,8 +20,6 @@ import useContext from "@/composables/useContext"; import type { BatchDetails } from "@/composables/useBatch"; import type { Component, PropType } from "vue"; -import { arrayHalfDivider } from "@/utils/helpers"; - const { t } = useI18n(); const { width: screenWidth } = useWindowSize(); const { currentNetwork } = useContext(); @@ -50,19 +48,20 @@ const tableInfoItems = computed(() => { url?: string; }; - let tableItems: InfoTableItem[] = [ + const tableItemsLeft: InfoTableItem[] = [ { label: t("batches.index"), tooltip: t("batches.indexTooltip"), value: props.batchNumber, }, ]; + const tableItemsRight: InfoTableItem[] = []; if (!props.batch) { - return [tableItems]; + return [tableItemsLeft]; } - tableItems.push( + tableItemsLeft.push( { label: t("batches.size"), tooltip: t("batches.sizeTooltip"), @@ -87,7 +86,7 @@ const tableInfoItems = computed(() => { ["executeTxHash", "executedAt", "notYetExecuted"], ] as [keyof BatchDetails, keyof BatchDetails, string][]) { if (props.batch[key]) { - tableItems.push( + tableItemsRight.push( { label: t(`batches.${key}`), tooltip: t(`batches.${key}Tooltip`), @@ -108,10 +107,10 @@ const tableInfoItems = computed(() => { } if (screenWidth.value < 1024) { - return [tableItems]; + return [tableItemsLeft.concat(tableItemsRight)]; } - return arrayHalfDivider(tableItems); + return [tableItemsLeft, tableItemsRight]; });