BOD-8 #comment Fixed up part of the vendor edit page. Refetch of list still oustanding.

client/src/components/vendors-list/vendors-list.component.jsx

@@ -1,4 +1,4 @@
-import { Input, Table, Button } from "antd";
+import { Button, Table } from "antd";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { alphaSort } from "../../utils/sorters";
@@ -7,7 +7,6 @@ export default function VendorsListComponent({
   setSelectedVendor,
   handleNewVendor,
   loading,
-  refetch,
   handleOnRowClick,
   vendors
 }) {
@@ -56,47 +55,37 @@ export default function VendorsListComponent({
 
   //TODO Implement search
   return (
-    <div>
-      <Table
-        loading={loading}
-        title={() => {
-          return (
-            <div>
-              {" "}
-              <Input.Search
-                placeholder={t("general.labels.search")}
-                onSearch={value => {
-                  console.log(value);
-                }}
-                enterButton
-              />
-              <Button onClick={handleNewVendor}>
-                {t("vendors.actions.new")}
-              </Button>
-            </div>
-          );
-        }}
-        size="small"
-        pagination={{ position: "top" }}
-        columns={columns.map(item => ({ ...item }))}
-        rowKey="id"
-        onChange={handleTableChange}
-        dataSource={vendors}
-        rowSelection={{
-          onSelect: record => {
-            setSelectedVendor(record);
-          },
-          type: "radio",
-          selectedRowKeys: selectedVendor ? selectedVendor.id : null
-        }}
-        onRow={(record, rowIndex) => {
-          return {
-            onClick: event => {
-              handleOnRowClick(record);
-            }
-          };
-        }}
-      />
-    </div>
+    <Table
+      loading={loading}
+      title={() => {
+        return (
+          <div>
+            <Button onClick={handleNewVendor}>
+              {t("vendors.actions.new")}
+            </Button>
+          </div>
+        );
+      }}
+      size="small"
+      pagination={{ position: "top" }}
+      columns={columns.map(item => ({ ...item }))}
+      rowKey="id"
+      onChange={handleTableChange}
+      dataSource={vendors}
+      rowSelection={{
+        onSelect: record => {
+          setSelectedVendor(record);
+        },
+        type: "radio",
+        selectedRowKeys: selectedVendor ? [selectedVendor.id] : null
+      }}
+      onRow={(record, rowIndex) => {
+        return {
+          onClick: event => {
+            handleOnRowClick(record);
+          }
+        };
+      }}
+    />
   );
 }

client/src/components/vendors-list/vendors-list.container.jsx

@@ -6,10 +6,9 @@ import VendorsListComponent from "./vendors-list.component";
 
 export default function VendorsListContainer({ selectedVendorState }) {
   const [selectedVendor, setSelectedVendor] = selectedVendorState;
-  const { loading, error, data, refetch } = useQuery(QUERY_ALL_VENDORS, {
+  const { loading, error, data } = useQuery(QUERY_ALL_VENDORS, {
     fetchPolicy: "network-only"
   });
-
   const handleNewVendor = () => {
     setSelectedVendor({});
   };
@@ -17,12 +16,10 @@ export default function VendorsListContainer({ selectedVendorState }) {
   const handleOnRowClick = record => {
     if (record) {
       setSelectedVendor(record);
-      return;
-    }
-    setSelectedVendor(null);
+    } else setSelectedVendor(null);
   };
 
-  if (error) return <AlertComponent message={error.message} type='error' />;
+  if (error) return <AlertComponent message={error.message} type="error" />;
   return (
     <VendorsListComponent
       selectedVendor={selectedVendor}
@@ -30,7 +27,6 @@ export default function VendorsListContainer({ selectedVendorState }) {
       handleNewVendor={handleNewVendor}
       handleOnRowClick={handleOnRowClick}
       loading={loading}
-      refetch={refetch}
       vendors={data ? data.vendors : null}
     />
   );