fixes to task queue

https-quantumblockchainai-atlassian-net · Jun 8, 2023 · 154bcf3 · 154bcf3
1 parent c521ce6
commit 154bcf3
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 4 deletions.
diff --git a/gui/app/favicon.ico b/gui/app/favicon.ico
diff --git a/gui/pages/Content/Agents/TaskQueue.js b/gui/pages/Content/Agents/TaskQueue.js
@@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react';
 import styles from './Agents.module.css';
 import 'react-toastify/dist/ReactToastify.css';
 import { getExecutionTasks } from '@/pages/api/DashboardService';
+import Image from "next/image";
 
 export default function TaskQueue({ selectedRunId }) {
   const [tasks, setTasks] = useState({ pending: [], completed: [] });
@@ -29,7 +30,10 @@ export default function TaskQueue({ selectedRunId }) {
       {tasks.pending.map((task, index) => (
         <div key={index} className={styles.history_box} style={{ background: '#272335', padding: '20px', cursor: 'default' }}>
           <div style={{ display: 'flex' }}>
-            <div className={styles.feed_title} style={{ marginLeft: '0' }}>
+            <div>
+              <Image width={14} height={14} style={{mixBlendMode: 'exclusion'}} src="/images/loading.gif" alt="loading-icon"/>
+            </div>
+            <div className={styles.feed_title}>
               {task.name}
             </div>
           </div>
@@ -39,7 +43,7 @@ export default function TaskQueue({ selectedRunId }) {
       {tasks.completed.map((task, index) => (
         <div key={index} className={styles.history_box} style={{ background: '#272335', padding: '20px', cursor: 'default' }}>
           <div style={{ display: 'flex' }}>
-            <div className={styles.feed_title} style={{ marginLeft: '0' }}>
+            <div className={styles.feed_title} style={{marginLeft: '0' }}>
               {task.name}
             </div>
           </div>

diff --git a/gui/pages/api/DashboardService.js b/gui/pages/api/DashboardService.js
@@ -36,7 +36,6 @@ export const getExecutionTasks = (executionId) => {
   return api.get(`/agentexecutionfeeds/get/tasks/${executionId}`);
 };
 
-
 export const createAgent = (agentData) => {
   return api.post(`/agents/create`, agentData);
 };

diff --git a/gui/pages/api/apiConfig.js b/gui/pages/api/apiConfig.js
@@ -2,7 +2,6 @@ import axios from 'axios';
 
 const GITHUB_CLIENT_ID = process.env.GITHUB_CLIENT_ID;
 const API_BASE_URL = process.env.NEXT_PUBLIC_API_BASE_URL || 'http://localhost:8001';
-// const API_BASE_URL = 'http://192.168.127.48:8001';
 
 export const baseUrl = () => {
   return API_BASE_URL;
-Original file line number
+Diff line change
@@ Expand Up / @@ -36,7 +36,6 @@ export const getExecutionTasks = (executionId) => { @@
       return api.get(`/agentexecutionfeeds/get/tasks/${executionId}`);
     };
     export const createAgent = (agentData) => {
       return api.post(`/agents/create`, agentData);
     };
@@ Expand Down @@