#245: Loads of new introduction features, including a basic app selector

frontend/src/App.jsx

@@ -31,8 +31,7 @@ import MyView from "./views/MyView";
 
 import { createMuiTheme, MuiThemeProvider } from "@material-ui/core/styles";
 
-import DetectionFramework from "./components/DetectionFramework.jsx";
-import FrameworkData from "./components/FrameworkData";
+import FrameworkWrapper from "./views/FrameworkWrapper.jsx";
 import ScrollToTop from "./components/ScrollToTop";
 import AlertTemplate from "./components/AlertTemplate";
 import { useAlert, positions, Provider } from "react-alert";
@@ -386,8 +385,7 @@ const App = (message, props) => {
         	  exact
         	  path="/detectionframework"
         	  element={
-        	    <DetectionFramework
-								frameworkData={FrameworkData}
+        	    <FrameworkWrapper
 								selectedOption={"Draw"}
 								showOptions={false}
 

frontend/src/components/Header.js

@@ -21,6 +21,7 @@ import {
   IconButton,
   Grid,
 } from "@material-ui/core";
+
 import {
   MeetingRoom as MeetingRoomIcon,
   Settings as SettingsIcon,

frontend/src/components/ParsedAction.jsx

@@ -978,8 +978,8 @@ const ParsedAction = (props) => {
 			return helperText
 		}
 
-		console.log("AUTH: ", authenticationType)
-    if (authenticationType.type === "oauth2") {
+		//console.log("AUTH: ", authenticationType)
+    if (authenticationType !== undefined && authenticationType !== null && authenticationType.type === "oauth2") {
 			return (
 				<Typography variant="body1" color="textSecondary" style={{marginTop: 15}}> 
 					You must authenticate before using oauth2 apps.
@@ -1082,7 +1082,7 @@ const ParsedAction = (props) => {
             ) {
               placeholder = data.example;
 
-              if (data.name === "url" && data.value.length === 0) {
+              if (data.name === "url" && data.value !== undefined && data.value !== null && data.value.length === 0) {
                 data.value = data.example;
               }
             }

frontend/src/defaultCytoscapeStyle.js

@@ -384,6 +384,13 @@ const data = [
       "font-size": "0px",
     },
   },
+	{
+		selector: "node:selected",
+		css: {
+			"border-color": "#f86a3e",
+			"border-width": "7px",
+		},
+	},
 ];
 
 //{

frontend/src/frameworkStyle.jsx

@@ -90,6 +90,13 @@ const data = [{
 				"source-arrow-color": "#337ab7",
 			},
 		},
+  	{
+			selector: "node:selected",
+			css: {
+				"border-color": "#f86a3e",
+				"border-width": "3px",
+			},
+		},
 	]
 
 export default data 

frontend/src/views/GettingStarted.jsx

@@ -2584,7 +2584,7 @@ const GettingStarted = (props) => {
 							<Typography color="textSecondary" variant="body2" style={{marginTop: 5,}} >
 								We help with automation, scaling, training and more. Get involved!
 							</Typography>
-							<Link to="" style={{textDecoration: "none",}}>
+							<a href="https://discord.gg/B2CBzUm" style={{textDecoration: "none",}}>
 								<Button
 									variant="outlined"
 									style={{marginTop: 10}}