Update MatchPopup.jsx

Author: Jai2501

Frontend/src/Components/Matching/MatchPopup.jsx

@@ -20,6 +20,11 @@ const MatchPopup = ({ isOpen, isClose }) => {
     const [chosenProficiency, setChosenProficiency] = useState("None");
     const [chosenTopic, setChosenTopic] = useState("None");
 
+    const handleMatchCancellation = () => {
+        setGoToLoadPopup(false);
+        setShowNotSuccessOutput(true);
+      };
+
     const initiateMatching = () => {
 
         // Show the loading popup
@@ -40,11 +45,6 @@ const MatchPopup = ({ isOpen, isClose }) => {
             topic: chosenTopic
         };
 
-        const handleMatchCancellation = () => {
-            setGoToLoadPopup(false);
-            setShowNotSuccessOutput(true);
-          };
-
        // Make a post request to backend with the payload
        const URL = `http://localhost:3004/home/${userId}`;
        axios.post(URL, payload) // replace /${props.userId} with how we access userId