64 lines
1.7 KiB
JavaScript
Executable File
64 lines
1.7 KiB
JavaScript
Executable File
/*!
|
|
|
|
=========================================================
|
|
* Argon Dashboard Chakra PRO - v1.0.0
|
|
=========================================================
|
|
|
|
* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro
|
|
* Copyright 2022 Creative Tim (https://www.creative-tim.com/)
|
|
|
|
* Designed and Coded by Simmmple & Creative Tim
|
|
|
|
=========================================================
|
|
|
|
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
|
|
|
*/
|
|
|
|
// Chakra Imports
|
|
import { Button, useColorModeValue } from "@chakra-ui/react";
|
|
// Custom Icons
|
|
import { SettingsIcon } from "components/Icons/Icons";
|
|
import PropTypes from "prop-types";
|
|
import React from "react";
|
|
|
|
export default function FixedPlugin(props) {
|
|
const { secondary, onChange, onSwitch, fixed, ...rest } = props;
|
|
// Chakra Color Mode
|
|
let navbarIcon = useColorModeValue("gray.500", "gray.200");
|
|
let bgButton = useColorModeValue("white", "gray.600");
|
|
|
|
const settingsRef = React.useRef();
|
|
return (
|
|
<>
|
|
<Button
|
|
h="52px"
|
|
w="52px"
|
|
onClick={props.onOpen}
|
|
bg={bgButton}
|
|
position="fixed"
|
|
variant="no-effects"
|
|
left={document.documentElement.dir === "rtl" ? "35px" : ""}
|
|
right={document.documentElement.dir === "rtl" ? "" : "35px"}
|
|
bottom="30px"
|
|
borderRadius="50px"
|
|
boxShadow="0 2px 12px 0 rgb(0 0 0 / 16%)"
|
|
>
|
|
<SettingsIcon
|
|
cursor="pointer"
|
|
ref={settingsRef}
|
|
color={navbarIcon}
|
|
w="20px"
|
|
h="20px"
|
|
/>
|
|
</Button>
|
|
</>
|
|
);
|
|
}
|
|
|
|
FixedPlugin.propTypes = {
|
|
fixed: PropTypes.bool,
|
|
onChange: PropTypes.func,
|
|
onSwitch: PropTypes.func,
|
|
};
|