diff --git a/src/components/home/CallFavouritesDialog.tsx b/src/components/home/CallFavouritesDialog.tsx index 75eeb23..c6e9ff8 100644 --- a/src/components/home/CallFavouritesDialog.tsx +++ b/src/components/home/CallFavouritesDialog.tsx @@ -9,6 +9,11 @@ import { FormGroup, Typography, } from "@mui/material"; +import React, { useState } from "react"; +import { useAppSelector } from "../../redux/hooks"; +import { selectFavorites } from "../../redux/slices/favoritesSlice"; +import { selectTeam, selectUsers } from "../../redux/slices/usersSlice"; +import GroupSelect from "../sidebar/GroupSelect"; import { SidebarUserObj } from "./Home"; interface Props { @@ -24,26 +29,39 @@ const CallFavouritesDialog: React.FC = ({ onClose, users, }: Props) => { + const handleClose = () => { + console.log(users); + console.log(selectedValue); onClose(selectedValue); }; + const [group, setGroup] = useState("Favorites"); + + const favoritesUuids = useAppSelector(selectFavorites); + const teamUuids = useAppSelector(selectTeam); + + const groupMembersUuids: string[] = + group === "Favorites" ? favoritesUuids : teamUuids; + const groupMembers = useAppSelector((state) => + selectUsers(state, groupMembersUuids) + ); + return ( Select who to call: - } - label="Select everyone" - /> + - {users.map((user) => ( - } + {groupMembers.map(user => ( + + } /> ))}