Added match to change salamander

screens/admin/ChangeSalamanderScreen.js

@@ -23,6 +23,7 @@ import {
   INVALID_MEASUREMENT_MESSAGE,
 } from "../../constants/inputRequirements";
 import APIKit from "../../APIkit";
+import MatchResponse from "../../components/MatchResponse";
 import CustomActivityIndicator from "../../components/CustomActivityIndicator";
 import { updateLocations, updateSalamanderList } from "../../redux";
 import { connect } from "react-redux";
@@ -53,6 +54,13 @@ const _ChangeSalamanderScreen = (props) => {
   const [speciesValue, setSpeciesValue] = useState(salamanderImageData.species);
   const [sexValue, setSexValue] = useState(salamanderImageData.sex);
   const [showIndicator, setShowIndicator] = useState(false);
+  const [visibleMatch, setVisibleMatch] = useState(false);
+  const [response, setResponse] = useState({
+    responseMatch: "",
+    id: "",
+    responseText: "",
+    responseColor: "",
+  });
   const [length, setLength] = useState(() => {
     if (salamanderImageData.length != null) {
       return salamanderImageData.length.toString();
@@ -144,8 +152,28 @@ const _ChangeSalamanderScreen = (props) => {
           updateSalamanderList({ setShowIndicator, locationValue });
           setShowIndicator(false);
           if (response.data.status === 200) {
+            //props.navigation.navigate("ManageSalamanders");
+            //toastSuccess("top", 2000, response.data.message); 
+            if (response.data.matching === "Yes") {
+              setResponse({
+                responseMatch: response.data.matching,
+                id: response.data.id,
+                responseText: response.data.message,
+                responseColor: Colors.green300,
+              });
+              setVisibleMatch(true);
+            } else if (response.data.matching === "No") {
+              setResponse({
+                responseMatch: response.data.matching,
+                id: response.data.id,
+                responseText: response.data.message,
+                responseColor: Colors.white,
+              });
+              setVisibleMatch(true);
+            } else {
                 props.navigation.navigate("ManageSalamanders");
                 toastSuccess("top", 2000, response.data.message); 
+              }
           } else {
             toastError("top", 3000, response.data.message); 
           }
@@ -218,6 +246,14 @@ const _ChangeSalamanderScreen = (props) => {
             style={styles.activityIndicator}
             visible={showIndicator}
           />
+          <MatchResponse
+            visible={visibleMatch}
+            onCancel={() => props.navigation.navigate("ManageSalamanders")}
+            responseMatch={response.responseMatch}
+            id={response.id}
+            responseText={response.responseText}
+            responseColor={response.responseColor}
+          />
           <Text style={{ marginStart: 20, fontSize: 18 }}>
             Salamander ID: {salamanderImageData.salamanderId}
           </Text>