/*
 * 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;
