filter dialog was added
This commit is contained in:
parent
49607172a9
commit
0a478dc9d1
@ -1,4 +1,4 @@
|
|||||||
import React from "react";
|
import React, { useState } from "react";
|
||||||
import styled from "styled-components";
|
import styled from "styled-components";
|
||||||
|
|
||||||
import { Base } from "@docspace/components/themes";
|
import { Base } from "@docspace/components/themes";
|
||||||
@ -6,6 +6,7 @@ import FilterReactSvrUrl from "PUBLIC_DIR/images/filter.react.svg?url";
|
|||||||
import IconButton from "@docspace/components/icon-button";
|
import IconButton from "@docspace/components/icon-button";
|
||||||
|
|
||||||
import { useParams } from "react-router-dom";
|
import { useParams } from "react-router-dom";
|
||||||
|
import { FilterDialog } from "./FilterDialog";
|
||||||
|
|
||||||
const ListHeader = styled.header`
|
const ListHeader = styled.header`
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -51,13 +52,29 @@ const FilterButton = styled.div`
|
|||||||
const HistoryFilterHeader = () => {
|
const HistoryFilterHeader = () => {
|
||||||
const { id } = useParams();
|
const { id } = useParams();
|
||||||
|
|
||||||
|
const [isFiltersVisible, setIsFiltersVisible] = useState(false);
|
||||||
|
|
||||||
|
const openFiltersModal = () => {
|
||||||
|
setIsFiltersVisible(true);
|
||||||
|
};
|
||||||
|
|
||||||
|
const closeFiltersModal = () => {
|
||||||
|
setIsFiltersVisible(false);
|
||||||
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ListHeader>
|
<ListHeader>
|
||||||
<ListHeading>Webhook {id}</ListHeading>
|
<ListHeading>Webhook {id}</ListHeading>
|
||||||
|
|
||||||
<FilterButton>
|
<FilterButton onClick={openFiltersModal}>
|
||||||
<IconButton iconName={FilterReactSvrUrl} size={16} />
|
<IconButton iconName={FilterReactSvrUrl} size={16} />
|
||||||
</FilterButton>
|
</FilterButton>
|
||||||
|
|
||||||
|
<FilterDialog
|
||||||
|
visible={isFiltersVisible}
|
||||||
|
closeModal={closeFiltersModal}
|
||||||
|
applyFilters={() => {}}
|
||||||
|
/>
|
||||||
</ListHeader>
|
</ListHeader>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
Loading…
Reference in New Issue
Block a user