Make a home for reviewing sites

ts/router.ts

@@ -167,6 +167,12 @@ const routes: RouteRecordRaw[] = [
 		component: ReviewPool,
 		meta: { requiresAuth: true, showSidebar: true },
 	},
+	{
+		path: "/_/review/site",
+		name: "Site Review",
+		component: ReviewSite,
+		meta: { requiresAuth: true, showSidebar: true },
+	},
 	{
 		path: "/_/signin",
 		name: "Signin",

ts/type/api.ts

@@ -557,6 +557,10 @@ export interface ReviewTaskListResponse {
 	tasks: ReviewTask[];
 	total: number;
 }
+export interface SiteListResponse {
+	sites: Site[];
+	total: number;
+}
 export interface UploadDTO {
 	created: string;
 	error: string;
@@ -768,6 +772,7 @@ interface URLsAPI {
 	review_task: string;
 	service_request: string;
 	signal: string;
+	site: string;
 	sync: string;
 	upload: string;
 	user: string;

ts/view/review/Site.vue

@@ -74,7 +74,7 @@ body {
 
 <script setup lang="ts">
 import { computed, onMounted, ref, watch } from "vue";
-import { useStoreReviewTask } from "@/store/review-task";
+import { useStoreSite } from "@/store/site";
 import { useSessionStore } from "@/store/session";
 import maplibregl from "maplibre-gl";
 import ThreeColumn from "@/components/layout/ThreeColumn.vue";
@@ -92,6 +92,9 @@ interface Props {}
 
 const props = withDefaults(defineProps<Props>(), {});
 
+const storeSite = useStoreSite();
 // Lifecycle
-onMounted(async () => {});
+onMounted(async () => {
+	storeSite.fetchAll();
+});
 </script>