Using Non Requirement Variables

query DriversList(
  $filter: DriverFilter
  $sorting: [DriverSort]
  $paging: OffsetPaging
) {
  drivers(filter: $filter, sorting: $sorting, paging: $paging) {
    nodes {
      id
      name
      email
      licenseNumber
      phone
      job {
        id
        title
        industry
        description
      }
      joined
    }
    totalCount
  }
}

query DriversList(
  $filter: DriverFilter
  $sorting: [DriverSort]
  $paging: OffsetPaging
) {
  drivers(filter: $filter, sorting: $sorting, paging: $paging) {
    nodes {
      id
      name
      email
      licenseNumber
      phone
      job {
        id
        title
        industry
        description
      }
      joined
    }
    totalCount
  }
}

query LocationsList(
  $filter: LocationFilter!
  $sorting: [LocationSort!]
  $paging: OffsetPaging!
) {
  locations(filter: $filter, sorting: $sorting, paging: $paging) {
    nodes {
      gateway {
        id
        serialNumber
      }
      location
      timestamp
    }
    totalCount
  }
}

query LocationsList(
  $filter: LocationFilter!
  $sorting: [LocationSort!]
  $paging: OffsetPaging!
) {
  locations(filter: $filter, sorting: $sorting, paging: $paging) {
    nodes {
      gateway {
        id
        serialNumber
      }
      location
      timestamp
    }
    totalCount
  }
}

const { data, isLoading, isError } = useList({
  resource: "locations",
  meta: {
    gqlQuery: LOCATIONS_LIST_QUERY
  },
  filters: [
    {
      field: "gateway.id",
      operator: "eq",
      value: "<gateway_id>", // replace <gateway_id> with the actual id
    }
  ],
  liveMode: "auto",
});

const { data, isLoading, isError } = useList({
  resource: "locations",
  meta: {
    gqlQuery: LOCATIONS_LIST_QUERY
  },
  filters: [
    {
      field: "gateway.id",
      operator: "eq",
      value: "<gateway_id>", // replace <gateway_id> with the actual id
    }
  ],
  liveMode: "auto",
});

from django.db.models import Max

# Get the latest timestamp for each gateway.id
latest_locations = LocationUpdate.objects.values('gateway__id').annotate(max_timestamp=Max('timestamp'))

# Filter the locations based on these timestamps
query = LocationUpdate.objects.filter(
    timestamp__in=[item['max_timestamp'] for item in latest_locations],
    gateway__id__in=[item['gateway__id'] for item in latest_locations]
)

from django.db.models import Max

# Get the latest timestamp for each gateway.id
latest_locations = LocationUpdate.objects.values('gateway__id').annotate(max_timestamp=Max('timestamp'))

# Filter the locations based on these timestamps
query = LocationUpdate.objects.filter(
    timestamp__in=[item['max_timestamp'] for item in latest_locations],
    gateway__id__in=[item['gateway__id'] for item in latest_locations]
)

<Button
  type="primary"
  onClick={() => {
    console.log(marker.gateway.vehicle.id)
    return go({
      to: edit("vehicles", marker.gateway.vehicle.id),
    });
  }}
  style={{ marginTop: '10px' }}
>
  View Vehicle Details
</Button>

<Button
  type="primary"
  onClick={() => {
    console.log(marker.gateway.vehicle.id)
    return go({
      to: edit("vehicles", marker.gateway.vehicle.id),
    });
  }}
  style={{ marginTop: '10px' }}
>
  View Vehicle Details
</Button>

<Button
  type="primary"
  onClick={() => {
    console.log(marker.gateway.vehicle.id);
    const path = edit("vehicles", marker.gateway.vehicle.id);
    go({ to: path });
  }}
  style={{ marginTop: '10px' }}
>
  View Vehicle Details
</Button>

<Button
  type="primary"
  onClick={() => {
    console.log(marker.gateway.vehicle.id);
    const path = edit("vehicles", marker.gateway.vehicle.id);
    go({ to: path });
  }}
  style={{ marginTop: '10px' }}
>
  View Vehicle Details
</Button>

const path = edit("vehicles", "1");

const path = edit("vehicles", "1");

const path = edit("vehicles", marker.gateway.vehicle.id);

const path = edit("vehicles", marker.gateway.vehicle.id);

import { useCreate } from "@pankod/refine";

// Inside your component
const { mutate: createGeofence } = useCreate<GeofenceType>("geofences");

// Call this function when you want to create a new geofence
const saveNewGeofence = (newGeofence: GeofenceType) => {
  createGeofence({ values: newGeofence })
    .then(() => {
      // Handle success
    })
    .catch(() => {
      // Handle error
    });
};

import { useCreate } from "@pankod/refine";

// Inside your component
const { mutate: createGeofence } = useCreate<GeofenceType>("geofences");

// Call this function when you want to create a new geofence
const saveNewGeofence = (newGeofence: GeofenceType) => {
  createGeofence({ values: newGeofence })
    .then(() => {
      // Handle success
    })
    .catch(() => {
      // Handle error
    });
};

npm i @refinedev/core @refinedev/antd

npm i @refinedev/core @refinedev/antd

import { Refine } from "@refinedev/core";  
import { createClient } from "graphql-ws";  
import { liveProvider } from "./liveProvider";  

const gqlWebSocketClient = createClient({  
 url: "YOUR_WS_URL",  
});  

const App: React.FC = () => {  
 return (  
 <Refine liveProvider={liveProvider(gqlWebSocketClient)}>  
 {/* ... */}{" "}  
 </Refine>  
 );  
};  

import { Refine } from "@refinedev/core";  
import { createClient } from "graphql-ws";  
import { liveProvider } from "./liveProvider";  

const gqlWebSocketClient = createClient({  
 url: "YOUR_WS_URL",  
});  

const App: React.FC = () => {  
 return (  
 <Refine liveProvider={liveProvider(gqlWebSocketClient)}>  
 {/* ... */}{" "}  
 </Refine>  
 );  
};