Added refresh all button.

This commit is contained in:
Patrick Fic
2020-11-06 07:20:21 -08:00
parent 2a5f94c558
commit 8b775ee494
5 changed files with 29 additions and 6 deletions

View File

@@ -1,4 +1,4 @@
import { List } from "antd";
import { Button, List } from "antd";
import React from "react";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
@@ -24,6 +24,16 @@ export function JobsListItemMolecule({
setSelectedJobId(jobId);
};
if (item.isRefresh)
return (
<List.Item
className="jobs-list-item-refresh"
key="refreshItem"
onClick={() => console.log("Refresh")}
>
<div style={{ flex: 1 }}>Refresh</div>
</List.Item>
);
return (
<List.Item
className="jobs-list-item"

View File

@@ -19,3 +19,14 @@
background-color: #e6f7ff;
}
}
.jobs-list-item-refresh {
padding: 0.1rem !important;
margin: 0;
border-bottom: 0.8rem solid #f0f0f0 !important;
display: flex;
align-items: center;
cursor: pointer;
&:hover {
background-color: #e6f7ff;
}
}

View File

@@ -80,7 +80,7 @@ export default function JobsTableOrganism() {
<Dropdown overlay={menu} trigger={["contextMenu"]}>
<List
bordered
dataSource={data ? data.jobs : []}
dataSource={data ? [{ isRefresh: true }, ...data.jobs] : []}
renderItem={(item) => <JobsListItemMolecule item={item} />}
>
{loading && state.hasMore && (