2eeea41a45
* Add "no-relative-import-paths" eslint plugin * Add "no-relative-import-paths" eslint plugin - Fix imports
33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
/*
|
|
* Copyright (C) Contributors to the Suwayomi project
|
|
*
|
|
* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at https://mozilla.org/MPL/2.0/. */
|
|
|
|
import FilterList from '@mui/icons-material/FilterList';
|
|
import { IconButton } from '@mui/material';
|
|
import { useLibraryOptionsContext } from 'components/context/LibraryOptionsContext';
|
|
import React, { useState } from 'react';
|
|
import LibraryOptionsPanel from 'components/library/LibraryOptionsPanel';
|
|
|
|
const LibraryToolbarMenu: React.FC = () => {
|
|
const [open, setOpen] = useState(false);
|
|
const { options } = useLibraryOptionsContext();
|
|
const active = options.downloaded != null || options.unread != null;
|
|
|
|
return (
|
|
<>
|
|
<IconButton
|
|
onClick={() => setOpen(!open)}
|
|
color={active ? 'warning' : 'default'}
|
|
>
|
|
<FilterList />
|
|
</IconButton>
|
|
<LibraryOptionsPanel open={open} onClose={() => setOpen(false)} />
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default LibraryToolbarMenu;
|