Gleipnir/nidus-sync
2
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

Migrate existing ts types from the API into the API module

Browse source 
This makes it possible to start hydrating the types into valid data
types like Dates which means I can get type safety guarantees when
displaying information.
This commit is contained in:
Eli Ribble 2026-04-09 00:25:21 +00:00
parent b2c24a0438
commit f88ca57d97
No known key found for this signature in database
39 changed files with 382 additions and 320 deletions
Download patch file Download diff file Expand all files Collapse all files

16
ts/rmo/view/StatusByID.vue
View file

@ -42,7 +42,7 @@
}
</style>
<template>
<HeaderDistrict v-if="district" />
<HeaderDistrict :district="district" v-if="district" />
<Header v-else />
<div class="container my-4" v-if="report">
<!-- Report ID and Status Section -->
@ -83,7 +83,9 @@
<strong><i class="bi bi-images me-2"></i>Images:</strong>
<span>
{{
report.image_count > 0 ? report.image_count : "None provided"
report.images.length > 0
? report.images.length
: "None provided"
}}
</span>
</div>
@ -139,9 +141,9 @@ import Header from "@/rmo/components/Header.vue";
import HeaderDistrict from "@/components/HeaderDistrict.vue";
import MapLocatorDisplay from "@/components/MapLocatorDisplay.vue";
import { useStoreDistrict } from "@/rmo/store/district";
import { useStorePublicreport } from "@/store/publicreport";
import { useStorePublicReport } from "@/store/publicreport";
import type { Marker } from "@/types";
import type { District, Publicreport } from "@/type/api";
import type { District, PublicReport } from "@/type/api";
import { formatTimeRelative } from "@/format";
// Props
@ -151,10 +153,10 @@ interface Props {
const props = defineProps<Props>();
const storeDistrict = useStoreDistrict();
const storePublicreport = useStorePublicreport();
const storePublicReport = useStorePublicReport();
// Computed
const report = computedAsync(async (): Promise<Publicreport | undefined> => {
return await storePublicreport.byID(props.id);
const report = computedAsync(async (): Promise<PublicReport | undefined> => {
return await storePublicReport.byID(props.id);
});
const district = computedAsync(async (): Promise<District | undefined> => {
if (!(report.value && report.value.district)) {