diff --git a/client/src/components/User/DiskUsage/Visualizations/HistoriesStorageOverview.vue b/client/src/components/User/DiskUsage/Visualizations/HistoriesStorageOverview.vue
index 246fe4d4455c..ae6a131ae39b 100644
--- a/client/src/components/User/DiskUsage/Visualizations/HistoriesStorageOverview.vue
+++ b/client/src/components/User/DiskUsage/Visualizations/HistoriesStorageOverview.vue
@@ -4,6 +4,7 @@ import { useRouter } from "vue-router/composables";
import { useConfirmDialog } from "@/composables/confirmDialog";
import { useToast } from "@/composables/toast";
+import { useHistoryStore } from "@/stores/historyStore";
import localize from "@/utils/localization";
import type { DataValuePoint } from "./Charts";
@@ -16,6 +17,7 @@ import SelectedItemActions from "./SelectedItemActions.vue";
import Heading from "@/components/Common/Heading.vue";
import LoadingSpan from "@/components/LoadingSpan.vue";
+const historyStore = useHistoryStore();
const router = useRouter();
const { success: successToast, error: errorToast } = useToast();
const { confirm } = useConfirmDialog();
@@ -98,6 +100,11 @@ function isArchivedDataPoint(dataPoint: DataValuePoint): boolean {
return false;
}
+async function onSetCurrentHistory(historyId: string) {
+ await historyStore.setCurrentHistory(historyId);
+ router.push({ path: "/" });
+}
+
function onViewHistory(historyId: string) {
router.push({ name: "HistoryOverview", params: { historyId } });
}
@@ -187,6 +194,7 @@ async function onPermanentlyDeleteHistory(historyId: string) {
@@ -197,6 +205,7 @@ async function onPermanentlyDeleteHistory(historyId: string) {
item-type="history"
:is-recoverable="isRecoverableDataPoint(data)"
:is-archived="isArchivedDataPoint(data)"
+ @set-current-history="onSetCurrentHistory"
@view-item="onViewHistory"
@undelete-item="onUndeleteHistory"
@permanently-delete-item="onPermanentlyDeleteHistory" />
@@ -214,7 +223,10 @@ async function onPermanentlyDeleteHistory(historyId: string) {
:label-formatter="bytesLabelFormatter"
:value-formatter="bytesValueFormatter">
-
+
diff --git a/client/src/components/User/DiskUsage/Visualizations/HistoryStorageOverview.vue b/client/src/components/User/DiskUsage/Visualizations/HistoryStorageOverview.vue
index d41eb5576d57..9de90c78b5e6 100644
--- a/client/src/components/User/DiskUsage/Visualizations/HistoryStorageOverview.vue
+++ b/client/src/components/User/DiskUsage/Visualizations/HistoryStorageOverview.vue
@@ -196,7 +196,10 @@ async function onPermanentlyDeleteDataset(datasetId: string) {
-
+
-
+
diff --git a/client/src/components/User/DiskUsage/Visualizations/SelectedItemActions.vue b/client/src/components/User/DiskUsage/Visualizations/SelectedItemActions.vue
index fb39e9468c3e..bd161716efb3 100644
--- a/client/src/components/User/DiskUsage/Visualizations/SelectedItemActions.vue
+++ b/client/src/components/User/DiskUsage/Visualizations/SelectedItemActions.vue
@@ -1,10 +1,18 @@