Merge pull request galaxyproject#17799 from itisAliRH/datasets-refactors

Datasets refactors

client/src/api/datasets.ts

@@ -6,12 +6,14 @@ import { withPrefix } from "@/utils/redirect";
 
 export const datasetsFetcher = fetcher.path("/api/datasets").method("get").create();
 
+export type HDASummary = components["schemas"]["HDASummary"];
+
 type GetDatasetsApiOptions = FetchArgType<typeof datasetsFetcher>;
 type GetDatasetsQuery = Pick<GetDatasetsApiOptions, "limit" | "offset">;
 // custom interface for how we use getDatasets
 interface GetDatasetsOptions extends GetDatasetsQuery {
     sortBy?: string;
-    sortDesc?: string;
+    sortDesc?: boolean;
     query?: string;
 }
 

client/src/components/Dataset/DatasetHistory.vue

@@ -1,21 +1,24 @@
+<script setup lang="ts">
+import { computed } from "vue";
+
+import { HDASummary } from "@/api/datasets";
+import { useHistoryStore } from "@/stores/historyStore";
+
+interface Props {
+    item: HDASummary;
+}
+
+const props = defineProps<Props>();
+
+const historyStore = useHistoryStore();
+
+const historyName = computed(() => {
+    return historyStore.getHistoryNameById(props.item.history_id);
+});
+</script>
+
 <template>
     <div>
         {{ historyName }}
     </div>
 </template>
-<script>
-import { mapState } from "pinia";
-import { useHistoryStore } from "stores/historyStore";
-
-export default {
-    props: {
-        item: Object,
-    },
-    computed: {
-        ...mapState(useHistoryStore, ["getHistoryNameById"]),
-        historyName() {
-            return this.getHistoryNameById(this.item.history_id);
-        },
-    },
-};
-</script>