IO-21 Connect to Rescue

client/src/components/header/header.component.jsx

@@ -334,6 +334,13 @@ function Header({
           <Menu.Item danger onClick={() => signOutStart()}>
             {t("user.actions.signout")}
           </Menu.Item>
+          <Menu.Item
+            onClick={() => {
+              window.open("https://imexrescue.com/", "_blank");
+            }}
+          >
+            {t("menus.header.rescueme")}
+          </Menu.Item>
           <Menu.Item key="shiftclock">
             <Link to="/manage/shiftclock">{t("menus.header.shiftclock")}</Link>
           </Menu.Item>

client/src/components/help-rescue/help-rescue.component.jsx

@@ -1,4 +1,4 @@
-import { Button, Card, Input, Space } from "antd";
+import { Button, Input, Space } from "antd";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 
@@ -9,45 +9,50 @@ export default function HelpRescue() {
   const handleClick = async () => {
     var bodyFormData = new FormData();
     bodyFormData.append("Code", code);
-
+    bodyFormData.append("hostederrorhandling", 1);
     const res1 = await fetch(
       "https://secure.logmeinrescue.com/Customer/Code.aspx",
       {
+        mode: "no-cors",
         method: "POST",
         body: bodyFormData,
       }
     );
-    console.log("handleClick -> res1", res1);
+    console.log("handleClick -> res1", await res1.text());
   };
 
   return (
-    <Card title={t("help.labels.rescuetitle")}>
-      <div style={{ display: "flex", justifyContent: "center" }}>
-        <Space direction="vertical" align="center">
-          <div>{t("help.labels.rescuedesc")}</div>
-          <form
-            name="logmeinsupport"
-            action="https://secure.logmeinrescue.com/Customer/Code.aspx"
-            method="post"
-          >
-            <span>
-              Enter your six-digit code, then click the Start Download button
-              below
-            </span>
-            <input type="text" name="Code" />
-            <br />
-            <input type="submit" value="Connect to technician" />
-          </form>
-          <Input
-            size="large"
-            style={{ width: "10rem" }}
-            onChange={(e) => setCode(e.target.value)}
-            value={code}
-            placeholder={t("help.labels.codeplacholder")}
-          />
-          <Button onClick={handleClick}>{t("help.actions.connect")}</Button>
-        </Space>
-      </div>
-    </Card>
+    <div style={{ display: "flex", justifyContent: "center" }}>
+      <Space direction="vertical" align="center">
+        <div>{t("help.labels.rescuedesc")}</div>
+        <Input
+          size="large"
+          style={{ width: "10rem" }}
+          onChange={(e) => setCode(e.target.value)}
+          value={code}
+          placeholder={t("help.labels.codeplacholder")}
+        />
+        <Button onClick={handleClick}>{t("help.actions.connect")}</Button>
+
+        <form
+          name="logmeinsupport"
+          action="https://secure.logmeinrescue.com/Customer/Code.aspx"
+          method="post"
+          id="logmeinsupport"
+          onSubmit={(...props) => {
+            console.log(`props`, props);
+            alert();
+          }}
+        >
+          <span>Enter your 6-digit code: </span>
+          <input type="text" name="Code" />
+          <br />
+          <input type="submit" value="Connect to technician" />
+          <input type="hidden" name="tracking0" maxlength="64" />
+          <input type="hidden" name="language" maxlength="5" />
+          <input type="hidden" name="hostederrorhandling" value="1" />
+        </form>
+      </Space>
+    </div>
   );
 }