update

Author: lijiahao

renderer/pages/[locale]/stream.tsx

@@ -6,7 +6,7 @@ import xStreamingPlayer from "xstreaming-player";
 import ActionBar from "../../components/ActionBar";
 import Display from "../../components/Display";
 import Audio from "../../components/Audio";
-// import FailedModal from "../../components/FailedModal";
+import FailedModal from "../../components/FailedModal";
 import Loading from "../../components/Loading";
 import Perform from "../../components/Perform";
 import WarningModal from "../../components/WarningModal";
@@ -43,7 +43,7 @@ function Stream() {
   const [connectState, setConnectState] = useState("");
   const [sessionId, setSessionId] = useState("");
   const [showPerformance, setShowPerformance] = useState(false);
-  // const [showFailed, setShowFailed] = useState(false);
+  const [showFailed, setShowFailed] = useState(false);
   const [showWarning, setShowWarning] = useState(false);
   const [showDisplay, setShowDisplay] = useState(false);
   const [showAudio, setShowAudio] = useState(false);
@@ -206,12 +206,8 @@ function Stream() {
       xPlayer.setConnectFailHandler(() => {
         // Not connected
         setShowWarning(false);
-        // setShowFailed(true);
-        alert(
-          t(
-            "NAT failed. If you are trying to stream remotely, please ensure that you have a public IPV4/6 address and that your router has port forwarding enabled for ports 9002/3074."
-          )
-        )
+        setShowFailed(true);
+        setLoading(false);
       });
 
       xPlayer.setSdpHandler((client, offer) => {
@@ -707,12 +703,13 @@ function Stream() {
         )
       }
 
-      {/* <FailedModal
+      <FailedModal
         show={showFailed}
         onCancel={() => {
           setShowFailed(false);
+          onDisconnect();
         }}
-      /> */}
+      />
 
       <WarningModal
         show={showWarning}