Adapt Row.svelte to new urql version

- Fixes data not loading on metric changes

web/frontend/src/joblist/Row.svelte

@@ -25,11 +25,9 @@
     let scopes = [job.numNodes == 1 ? "core" : "node"];
 
     const cluster = getContext("clusters").find((c) => c.name == job.cluster);
-    // Get all MetricConfs which include subCluster-specific settings for this job
+    const metricConfig = getContext("metrics"); // Get all MetricConfs which include subCluster-specific settings for this job
-    const metricConfig = getContext("metrics");
+    const client = getContextClient();
-    const metricsQuery = queryStore({
+    const query = gql`
-        client: getContextClient(),
-        query: gql`
         query ($id: ID!, $metrics: [String!]!, $scopes: [MetricScope!]!) {
             jobMetrics(id: $id, metrics: $metrics, scopes: $scopes) {
                 name
@@ -58,15 +56,22 @@
                 }
             }
         }
-        `,
+    `;
-        pause: true,
+
-        variables: {
+    $: metricsQuery = queryStore({
-            id,
+        client,
-            metrics,
+        query,
-            scopes,
+        variables: { id, metrics, scopes },
-        },
     });
 
+    function refresh() {
+        queryStore({
+            client,
+            query,
+            variables: { id, metrics, scopes },
+        });
+    }
+
     const selectScope = (jobMetrics) =>
         jobMetrics.reduce(
             (a, b) =>
@@ -131,9 +136,7 @@
                 }
             });
 
-    // $: metricsQuery.variables = { id: job.id, metrics, scopes };
+    if (job.monitoringStatus) refresh();
-
-    if (job.monitoringStatus) metricsQuery.resume();
 </script>
 
 <tr>