Update GroupModal.js

frontend/src/Call/GroupModal.js

@@ -8,32 +8,21 @@ import {
 import "./FilterModal.css";
 
 
-class GroupModal extends Component {
+function GroupModal(props)  {
-  constructor(props) {
-    super(props)
-    this.handleInputChange = this.handleInputChange.bind(this);
-    this.handleDone = this.handleDone.bind(this);
-    this.handleClose = this.handleClose.bind(this);
 
-    this.state = {
+const [open, setOpen] = useState(false);
-      open: false,
+const [selectedGroup, setSelectedGroup] = useState(false);
-      selectedGroup: false
-    }
-}
 
+const handleInputChange = (e, { name, value }) => this.setState({ [name]: value });
+const handleClose = () => this.props.onClose(false);
 
-handleInputChange = (e, { name, value }) => this.setState({ [name]: value });
+const handleDone = () => {
-handleClose = () => this.props.onClose(false);
-
-handleDone(event) {
-
       if (this.state.selectedGroup) {
         this.props.callActions.setGroupFilter(this.state.selectedGroup);
         this.props.onClose(true);
       } else {
         this.props.onClose(false);
       }
-
 }
 componentDidUpdate(prevProps) {