index.js 600 B

123456789101112131415161718
  1. import { Box, IconButton } from "@mui/material";
  2. import { MdLogout } from "react-icons/md";
  3. import { actionLogout } from "../../../../actions/actionLogout";
  4. import { connect } from "react-redux";
  5. export const LogoutIcon = ({ token, onClick }) => {
  6. return token ? (
  7. <Box className="LogoutIcon">
  8. <IconButton onClick={onClick}>
  9. <MdLogout className="LogoutLogo" />
  10. </IconButton>
  11. </Box>
  12. ) : null;
  13. };
  14. export const CLogoutIcon = connect((state) => ({ token: state.auth?.token || null }), {
  15. onClick: () => actionLogout(),
  16. })(LogoutIcon);