Fixed visuals and targeting during onboarding

2022-01-04 02:36:05 +01:00
parent b0efab9505
commit a900b5aa71
11 changed files with 312 additions and 123 deletions
@@ -0,0 +1,82 @@
+import React, { useEffect, useState } from 'react';
+
+import DetectionFramework from "../components/DetectionFramework.jsx";
+import { useAlert } from "react-alert";
+import { Link, useParams } from "react-router-dom";
+import theme from '../theme';
+
+import {
+	Button,
+} from "@material-ui/core";
+
+const Framework = (props) => {
+  const {globalUrl, isLoaded, isLoggedIn, showOptions, selectedOption, rolling, } = props;
+
+  const alert = useAlert()
+  const [frameworkLoaded, setFrameworkLoaded] = useState(false)
+  const [frameworkData, setFrameworkData] = useState()
+
+  const getFramework = () => {
+    fetch(globalUrl + "/api/v1/apps/frameworkConfiguration", {
+      method: "GET",
+      headers: {
+        "Content-Type": "application/json",
+        Accept: "application/json",
+      },
+      credentials: "include",
+    })
+      .then((response) => {
+        if (response.status !== 200) {
+          console.log("Status not 200 for framework!");
+        }
+
+        return response.json();
+      })
+      .then((responseJson) => {
+				if (responseJson.success === false) {
+					if (responseJson.reason !== undefined) {
+						alert.error("Failed loading: " + responseJson.reason)
+					} else {
+						alert.error("Failed to load framework for your org.")
+
+					}
+				}
+
+				setFrameworkLoaded(true)
+				setFrameworkData(responseJson)
+			})
+      .catch((error) => {
+        alert.error(error.toString());
+				setFrameworkLoaded(true)
+      })
+		}
+
+  useEffect(() => {
+		getFramework()
+  }, [])
+
+	return (
+		<div>
+			<div style={{marginBottom: 25, marginTop: 25, width: 300, margin: "auto", textAlign: "center",}}>
+				<Link style={{textDecoration: "none", }} to="/getting-started">
+					<Button variant="outlined" color="secondary">
+						Back to getting started
+					</Button>
+				</Link>
+			</div>
+			{frameworkLoaded === true ? 
+				<DetectionFramework 
+					frameworkData={frameworkData}
+					selectedOption={"Draw"}
+					showOptions={false}
+
+					isLoaded={isLoaded}
+					isLoggedIn={isLoggedIn}
+					globalUrl={globalUrl}
+				/>
+			: null}
+		</div>
+	)
+}
+
+export default Framework;