admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

IO-847 Show search terms on paginated components

Browse Source
This commit is contained in:
Patrick Fic
2021-04-09 08:00:31 -07:00
parent 8b4da7b376
commit 846745ea05
10 changed files with 158 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
client/src/components/contracts-list/contracts-list.component.jsx
View File

@@ -1,5 +1,5 @@
import { SyncOutlined } from "@ant-design/icons";
import { Button, Card, Input, Space, Table } from "antd";
import { Button, Card, Input, Space, Table, Typography } from "antd";
import queryString from "query-string";
import React, { useState } from "react";
import { useTranslation } from "react-i18next";
@@ -131,9 +131,23 @@ export default function ContractsList({ loading, contracts, refetch, total }) {
</Button>
<TimeTicketsDatesSelector />
{search.search && (
<>
<Typography.Title level={4}>
{t("general.labels.searchresults", { search: search.search })}
</Typography.Title>
<Button
onClick={() => {
delete search.search;
history.push({ search: queryString.stringify(search) });
}}
>
{t("general.actions.clear")}
</Button>
</>
)}
<Input.Search
placeholder={t("general.labels.search")}
placeholder={search.searh || t("general.labels.search")}
onSearch={(value) => {
search.search = value;
history.push({ search: queryString.stringify(search) });