Fix contexts request

Author: kapantzak

src/QueryEditor.tsx

@@ -17,8 +17,13 @@ type Props = QueryEditorProps<DataSource, MyQuery, MyDataSourceOptions>;
 
 const { FormField } = LegacyForms;
 
-const QueryEditor: React.FC<Props> = ({ datasource, query, onChange, onRunQuery }) => {
+const QueryEditor: React.FC<Props> = ({ datasource, query, range, onChange, onRunQuery }) => {
   const { baseUrl } = datasource;
+  const from = range!.from.valueOf();
+  const to = range!.to.valueOf();
+  const after = Math.floor(from / 1000);
+  const before = Math.floor(to / 1000);
+
   const [selectedSpace, setSelectedSpace] = React.useState<Dropdown>();
   const [selectedRoom, setSelectedRoom] = React.useState<Dropdown>();
   const [selectedFilter, setSelectedFilter] = React.useState<Dropdown>();
@@ -88,7 +93,7 @@ const QueryEditor: React.FC<Props> = ({ datasource, query, onChange, onRunQuery
       const room = rooms.find((r) => r.value === roomId);
       setSelectedRoom({ label: room?.label, value: room?.value });
       fetchNodes(spaceId || '', roomId);
-      fetchContexts(spaceId || '', roomId);
+      fetchContexts(spaceId || '', roomId, after, before);
     }
   }, [roomId, rooms, fetchContexts, fetchNodes, spaceId]);
 
@@ -171,7 +176,7 @@ const QueryEditor: React.FC<Props> = ({ datasource, query, onChange, onRunQuery
     setSelectedMethod(Methods[0]);
     setSelectedAggregations(Aggreagations[0]);
 
-    fetchContexts(selectedSpace?.value || '', v.value || '');
+    fetchContexts(selectedSpace?.value || '', v.value || '', after, before);
     fetchNodes(selectedSpace?.value || '', v.value || '');
     onChange({ ...query, spaceId: spaceId, roomId: v.value });
     onRunQuery();

src/shared/hooks/useFetchContexts.ts

@@ -1,9 +1,26 @@
 import { Dropdown } from './../types/dropdown.interface';
 import React from 'react';
-import { Get } from 'shared/utils/request';
+import { Post } from 'shared/utils/request';
 
-export const getContexts = async (spaceId: string, roomId: string, baseUrl: string) => {
-  const response = await Get({ path: `/v3/spaces/${spaceId}/rooms/${roomId}/contexts`, baseUrl });
+export const getContexts = async (spaceId: string, roomId: string, after: number, before: number, baseUrl: string) => {
+  const response = await Post({
+    path: `/v3/spaces/${spaceId}/rooms/${roomId}/contexts`,
+    baseUrl,
+    data: {
+      scope: {
+        contexts: ['*'],
+        nodes: [],
+      },
+      selectors: {
+        contexts: [],
+        nodes: [],
+      },
+      window: {
+        after,
+        before,
+      },
+    },
+  });
   const { contexts = {} } = response?.data || {};
   return Object.keys(contexts) as string[];
 };
@@ -13,11 +30,11 @@ export const useFetchContexts = (baseUrl: string) => {
   const [contexts, setContexts] = React.useState<Dropdown[]>([]);
 
   const fetchContexts = React.useCallback(
-    async (spaceId: string, roomId: string) => {
+    async (spaceId: string, roomId: string, after: number, before: number) => {
       setIsError(false);
 
       try {
-        const result = await getContexts(spaceId, roomId, baseUrl);
+        const result = await getContexts(spaceId, roomId, after, before, baseUrl);
         setContexts(result.map((c) => ({ label: c, value: c })));
       } catch (error) {
         setIsError(true);