frikky
87 lines
2.2 KiB
React
87 lines
2.2 KiB
React
import React, { useEffect, useState } from 'react';
|
|
import ReactDOM from "react-dom"
|
|
|
|
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)
|
|
} else {
|
|
ReactDOM.unstable_batchedUpdates(() => {
|
|
setFrameworkData(responseJson)
|
|
setFrameworkLoaded(true)
|
|
})
|
|
}
|
|
})
|
|
.catch((error) => {
|
|
setFrameworkLoaded(true)
|
|
alert.error(error.toString());
|
|
})
|
|
}
|
|
|
|
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 && isLoaded ?
|
|
<DetectionFramework
|
|
frameworkData={frameworkData}
|
|
selectedOption={"Draw"}
|
|
showOptions={false}
|
|
|
|
isLoaded={isLoaded}
|
|
isLoggedIn={isLoggedIn}
|
|
globalUrl={globalUrl}
|
|
/>
|
|
: null}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Framework;
|