diff --git a/src/components/sidebar/SettingsButton.tsx b/src/components/sidebar/SettingsButton.tsx index 2621a30..a539b6f 100644 --- a/src/components/sidebar/SettingsButton.tsx +++ b/src/components/sidebar/SettingsButton.tsx @@ -1,5 +1,5 @@ import { Settings } from "@mui/icons-material"; -import { IconButton, Menu, MenuItem } from "@mui/material"; +import { Alert, IconButton, Menu, MenuItem, Snackbar } from "@mui/material"; import { useState } from "react"; import UserLite from "../../api-bodies/UserLite"; import UserStatus from "../../api-bodies/UserStatus"; @@ -22,6 +22,7 @@ interface Props { const SettingsButton: React.FC = ({ user, status }: Props) => { const navigate = useNavigate(); const [anchorEl, setAnchorEl] = useState(null); + const [snackbarOpen, setSnackbarOpen] = useState(false); const me = useAppSelector(selectMe); const favoritesUuids = useAppSelector(selectFavorites); const meeting = useAppSelector((state) => @@ -35,6 +36,12 @@ const SettingsButton: React.FC = ({ user, status }: Props) => { const handleClose = () => { setAnchorEl(null); }; + const handleSnackbarClose = (event?: React.SyntheticEvent | Event, reason?: string) => { + if (reason === "clickaway") { + return; + } + setSnackbarOpen(false); + }; return (
@@ -66,12 +73,14 @@ const SettingsButton: React.FC = ({ user, status }: Props) => { ) : ( { + setSnackbarOpen(true); handleClose(); dispatch(addFavorite({ userId: me, toBeAdded: user.uuid })); }} > Add to Favorites + )} {status.inMeeting ? ( = ({ user, status }: Props) => { Create meeting + + + User successfully added to favourites list! + +
); };