You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

MyMessagesButton.js 705B

12345678910111213141516171819202122232425262728
  1. import React from "react";
  2. import PropTypes from "prop-types";
  3. import selectedTheme from "../../../themes";
  4. import { IconButton } from "../../Buttons/IconButton/IconButton";
  5. import MailIcon from "@mui/icons-material/EmailOutlined";
  6. import { Badge } from "@mui/material";
  7. const MyMessagesButton = (props) => {
  8. return (
  9. <IconButton
  10. onClick={props.onClick}
  11. style={{
  12. background: selectedTheme.colors.primaryIconBackgroundColor,
  13. color: selectedTheme.colors.primaryPurple,
  14. }}
  15. >
  16. <Badge color="primary">
  17. <MailIcon />
  18. </Badge>
  19. </IconButton>
  20. );
  21. };
  22. MyMessagesButton.propTypes = {
  23. onClick: PropTypes.func,
  24. };
  25. export default MyMessagesButton;