diff --git a/bodyshop_translations.babel b/bodyshop_translations.babel index c61a66163..3cd5f523b 100644 --- a/bodyshop_translations.babel +++ b/bodyshop_translations.babel @@ -7822,6 +7822,105 @@ + + help + + + actions + + + connect + false + + + + + + en-US + false + + + es-MX + false + + + fr-CA + false + + + + + + + labels + + + codeplacholder + false + + + + + + en-US + false + + + es-MX + false + + + fr-CA + false + + + + + rescuedesc + false + + + + + + en-US + false + + + es-MX + false + + + fr-CA + false + + + + + rescuetitle + false + + + + + + en-US + false + + + es-MX + false + + + fr-CA + false + + + + + + + intake diff --git a/client/src/components/help-rescue/help-rescue.component.jsx b/client/src/components/help-rescue/help-rescue.component.jsx new file mode 100644 index 000000000..ba89b69df --- /dev/null +++ b/client/src/components/help-rescue/help-rescue.component.jsx @@ -0,0 +1,53 @@ +import { Button, Card, Input, Space } from "antd"; +import React, { useState } from "react"; +import { useTranslation } from "react-i18next"; + +export default function HelpRescue() { + const { t } = useTranslation(); + const [code, setCode] = useState(""); + + const handleClick = async () => { + var bodyFormData = new FormData(); + bodyFormData.append("Code", code); + + const res1 = await fetch( + "https://secure.logmeinrescue.com/Customer/Code.aspx", + { + method: "POST", + body: bodyFormData, + } + ); + console.log("handleClick -> res1", res1); + }; + + return ( + +
+ +
{t("help.labels.rescuedesc")}
+
+ + Enter your six-digit code, then click the Start Download button + below{" "} + + +
+ +
+ setCode(e.target.value)} + value={code} + placeholder={t("help.labels.codeplacholder")} + /> + +
+
+
+ ); +} diff --git a/client/src/pages/help/help.page.jsx b/client/src/pages/help/help.page.jsx new file mode 100644 index 000000000..ef9e269e8 --- /dev/null +++ b/client/src/pages/help/help.page.jsx @@ -0,0 +1,10 @@ +import React from "react"; +import HelpRescue from "../../components/help-rescue/help-rescue.component"; + +export default function HelpPage() { + return ( +
+ +
+ ); +} diff --git a/client/src/pages/manage/manage.page.component.jsx b/client/src/pages/manage/manage.page.component.jsx index 7cadf32b5..c95124b91 100644 --- a/client/src/pages/manage/manage.page.component.jsx +++ b/client/src/pages/manage/manage.page.component.jsx @@ -126,6 +126,7 @@ const Scoreboard = lazy(() => const TimeTicketsAll = lazy(() => import("../time-tickets/time-tickets.container") ); +const Help = lazy(() => import("../help/help.page")); const { Content, Header } = Layout; @@ -345,6 +346,7 @@ export function Manage({ match, conflict }) { path={`${match.path}/timetickets`} component={TimeTicketsAll} /> + )} diff --git a/client/src/translations/en_us/common.json b/client/src/translations/en_us/common.json index 8f8d382f0..9c05730a8 100644 --- a/client/src/translations/en_us/common.json +++ b/client/src/translations/en_us/common.json @@ -502,6 +502,16 @@ "required": "This field is required. " } }, + "help": { + "actions": { + "connect": "Connect" + }, + "labels": { + "codeplacholder": "6 digit PIN code", + "rescuedesc": "Enter the 6 digit code provided by ImEX Online Support below and click connect.", + "rescuetitle": "Rescue Me!" + } + }, "intake": { "actions": { "printall": "Print All Documents" diff --git a/client/src/translations/es/common.json b/client/src/translations/es/common.json index 3c515cdcf..8c94f79c8 100644 --- a/client/src/translations/es/common.json +++ b/client/src/translations/es/common.json @@ -502,6 +502,16 @@ "required": "Este campo es requerido." } }, + "help": { + "actions": { + "connect": "" + }, + "labels": { + "codeplacholder": "", + "rescuedesc": "", + "rescuetitle": "" + } + }, "intake": { "actions": { "printall": "" diff --git a/client/src/translations/fr/common.json b/client/src/translations/fr/common.json index 4164a46e6..ca6ef3b4e 100644 --- a/client/src/translations/fr/common.json +++ b/client/src/translations/fr/common.json @@ -502,6 +502,16 @@ "required": "Ce champ est requis." } }, + "help": { + "actions": { + "connect": "" + }, + "labels": { + "codeplacholder": "", + "rescuedesc": "", + "rescuetitle": "" + } + }, "intake": { "actions": { "printall": ""