From d92b3c95a83b775d91cabd846cadf1f72da421da Mon Sep 17 00:00:00 2001
From: Charlie Meister <charlie.meister@student.hpi.de>
Date: Wed, 8 May 2024 11:43:37 +0200
Subject: [PATCH] implement search

---
 .../admin/voxelytics/workflow_list_view.tsx       | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/frontend/javascripts/admin/voxelytics/workflow_list_view.tsx b/frontend/javascripts/admin/voxelytics/workflow_list_view.tsx
index 0a25e6b2e99..f6f154b754e 100644
--- a/frontend/javascripts/admin/voxelytics/workflow_list_view.tsx
+++ b/frontend/javascripts/admin/voxelytics/workflow_list_view.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useMemo, useState } from "react";
 import { SyncOutlined } from "@ant-design/icons";
-import { Table, Progress, Tooltip, Button } from "antd";
+import { Table, Progress, Tooltip, Button, Input } from "antd";
 import { Link } from "react-router-dom";
 import { getVoxelyticsWorkflows } from "admin/admin_rest_api";
 import {
@@ -12,11 +12,12 @@ import { usePolling } from "libs/react_hooks";
 import { formatCountToDataAmountUnit, formatDateMedium, formatNumber } from "libs/format_utils";
 import Toast from "libs/toast";
 import { runStateToStatus, VX_POLLING_INTERVAL } from "./utils";
-import Search from "antd/lib/input/Search";
 import Persistence from "libs/persistence";
 import * as Utils from "libs/utils";
 import { PropTypes } from "@scalableminds/prop-types";
 
+const { Search } = Input;
+
 const persistence = new Persistence<Pick<{ searchQuery: string }, "searchQuery">>(
   {
     searchQuery: PropTypes.string,
@@ -140,7 +141,7 @@ export default function WorkflowListView() {
           percent={Math.round(
             ((run.taskCounts.complete + run.taskCounts.cancelled + run.taskCounts.failed) /
               run.taskCounts.total) *
-            100,
+              100,
           )}
           status={runStateToStatus(run.state)}
           success={{ percent: Math.round((run.taskCounts.complete / run.taskCounts.total) * 100) }}
@@ -153,6 +154,9 @@ export default function WorkflowListView() {
   return (
     <div className="container voxelytics-view">
       <div className="pull-right">
+        <Button onClick={() => loadData()} style={{ marginRight: 20 }}>
+          <SyncOutlined spin={isLoading} /> Refresh
+        </Button>
         <Search
           style={{
             width: 200,
@@ -160,15 +164,12 @@ export default function WorkflowListView() {
           onChange={handleSearch}
           value={searchQuery}
         />
-        <Button onClick={() => loadData()}>
-          <SyncOutlined spin={isLoading} /> Refresh
-        </Button>
       </div>
       <h3>Voxelytics Workflows</h3>
       <Table
         bordered
         rowKey={(run: RenderRunInfo) => `${run.id}-${run.workflowHash}`}
-        pagination={{ pageSize: 1 }}
+        pagination={{ pageSize: 100 }}
         columns={[
           {
             title: "Workflow",