fix(ui): Fix dashboard clickthroughh, update offline function, and up…

tavern/internal/www/src/pages/dashboard/components/AccessHostActivityTable.tsx

@@ -10,7 +10,7 @@ import { useFilters } from "../../../context/FilterContext";
 const AccessHostActivityTable = ({ hostActivity, term }: { hostActivity: any, term: string }) => {
     const currentDate = new Date();
     const navigation = useNavigate();
-    const { filters, updateFilters } = useFilters();
+    const { filters, updateFilters, setIsLocked } = useFilters();
 
     const handleOnClick = (item: any) => {
         if (item?.id === "undefined") {
@@ -20,11 +20,12 @@ const AccessHostActivityTable = ({ hostActivity, term }: { hostActivity: any, te
             const newFilter = {
                 'label': item?.original?.tag,
                 'kind': term,
-                'name': item?.original?.tag,
+                'name': item?.original?.tagId,
                 'value': item?.original?.tagId,
                 'id': item?.original?.tagId
             };
-            updateFilters({ 'beaconFields': [...filters.beaconFields, newFilter] })
+            setIsLocked(true);
+            updateFilters({ 'beaconFields': [...filters.beaconFields, newFilter]})
         }
         navigation(`/hosts`);
     }

tavern/internal/www/src/pages/dashboard/components/QuestTagBarChart.tsx

@@ -9,7 +9,7 @@ import { useFilters } from '../../../context/FilterContext';
 
 const TagBarChart = ({ data, loading, tagKind, children }: { data: Array<any>, loading: boolean, tagKind: string, children?: React.ReactNode }) => {
     const navigation = useNavigate();
-    const { filters, updateFilters } = useFilters();
+    const { filters, updateFilters, setIsLocked } = useFilters();
 
     if (loading) {
         return <EmptyState type={EmptyStateType.loading} label="Formatting group data..." />
@@ -30,6 +30,7 @@ const TagBarChart = ({ data, loading, tagKind, children }: { data: Array<any>, l
                 'value': item?.id,
                 'id': item?.id
             };
+            setIsLocked(true);
             updateFilters({ 'beaconFields': [...filters.beaconFields, newFilter] })
         }
         navigation("/quests")

tavern/internal/www/src/pages/dashboard/hook/useDashboardData.ts

@@ -18,6 +18,7 @@ export const useDashboardData = (): UseDashboardDataReturn => {
                 field: "CREATED_AT"
             }],
         },
+        fetchPolicy: 'cache-and-network',
         notifyOnNetworkStatusChange: true,
     });
 
@@ -26,6 +27,7 @@ export const useDashboardData = (): UseDashboardDataReturn => {
         data: hostData,
         error: hostError
     } = useQuery<HostQueryTopLevel>(GET_HOST_QUERY, {
+        fetchPolicy: 'cache-and-network',
         notifyOnNetworkStatusChange: true,
     });
 

tavern/internal/www/src/pages/dashboard/hook/useHostData.ts

@@ -1,8 +1,9 @@
 import { isAfter } from "date-fns";
 import { useCallback, useEffect, useState } from "react";
 
-import { getOfflineOnlineStatus } from "../../../utils/utils";
+import { getEnumKey, getOfflineOnlineStatus } from "../../../utils/utils";
 import { HostEdge, HostQueryTopLevel, TagEdge } from "../../../utils/interfacesQuery";
+import { SupportedPlatforms } from "../../../utils/enums";
 
 type UniqueCountHost = {
     tagId: string,
@@ -102,7 +103,7 @@ export const useHostData = (data: HostQueryTopLevel | undefined) => {
 
             applyUniqueTermData(groupTag?.name, groupTag?.id, uniqueGroups, host, beaconStatus);
             applyUniqueTermData(serviceTag?.name, serviceTag?.id, uniqueServices, host, beaconStatus);
-            applyUniqueTermData(host.node.platform, host.node.platform, uniquePlatform, host, beaconStatus);
+            applyUniqueTermData(getEnumKey(SupportedPlatforms, host.node.platform), host.node.platform, uniquePlatform, host, beaconStatus);
         });
 
         setHostActivity(

tavern/internal/www/src/utils/constructQueryUtils.ts

@@ -197,7 +197,7 @@ export function constructHostTaskFilterQuery(
 const createRecentlyLostQuery = (currentTimestamp: Date) => ({
   and: [
     { nextSeenAtGTE: sub(currentTimestamp, { minutes: 5 }).toISOString() },
-    { nextSeenAtLT: sub(currentTimestamp, { seconds: 15 }).toISOString() }
+    { nextSeenAtLT: sub(currentTimestamp, { seconds: 30 }).toISOString() }
   ]
 });