A lot of things

frontend/src/views/Dashboard.jsx

@@ -96,7 +96,8 @@ const useStyles = makeStyles({
 
 
 const UsecaseListComponent = (props) => {
-	const { keys, userdata, isCloud, globalUrl, frameworkData, isLoggedIn, workflows, setWorkflows, } = props
+	const { keys, userdata, isCloud, globalUrl, frameworkData, isLoggedIn, workflows, setWorkflows, getFramework, setFrameworkData, } = props
+
 
 	const [expandedIndex, setExpandedIndex] = useState(-1);
 	const [expandedItem, setExpandedItem] = useState(-1);
@@ -114,11 +115,13 @@ const UsecaseListComponent = (props) => {
 	const [firstLoad, setFirstLoad] = useState(true)
 	const [apps, setApps] = useState([])
 
+
     const classes = useStyles();
 	let navigate = useNavigate();
 
 	const [mitreTags, setMitreTags] = useState([]);
 
+
 	const parseUsecase = (subcase) => {
 	  const srcdata = findSpecificApp(frameworkData, subcase.type)
 	  const dstdata = findSpecificApp(frameworkData, subcase.last)
@@ -137,13 +140,11 @@ const UsecaseListComponent = (props) => {
   }
 
 	useEffect(() => {
-		console.log("In frameworkData useEffect: frameworkData: ", frameworkData)
+		//console.log("Frameworkdata changed. Use to set inputUsecase: ", frameworkData, prevSubcase)
 		if (frameworkData === undefined || prevSubcase === undefined) {
 			return
 		}
 
-		console.log("PAST!")
-
 		var parsedUsecase = inputUsecase
 		const subcase = parseUsecase(prevSubcase)
 
@@ -917,6 +918,9 @@ const UsecaseListComponent = (props) => {
 																		description={inputUsecase.description}
 
 																		apps={apps}
+																		getAppFramework={getFramework}
+																		//appSetupDone={appSetupDone}
+																		//setAppSetupDone={setAppSetupDone}
 																	/>
 																: null}
 															</span>
@@ -990,13 +994,15 @@ const UsecaseListComponent = (props) => {
 																}}>
 																<AppFramework
 																	inputUsecase={inputUsecase}
-																	frameworkData={frameworkData}
 																	selectedOption={"Draw"}
 																	showOptions={false}
 																	isLoaded={true}
 																	isLoggedIn={true}
 																	globalUrl={globalUrl}
 																	size={0.6}
+
+																	frameworkData={frameworkData}
+																	setFrameworkData={setFrameworkData}
 																/>
 															</div>
 														</div>
@@ -1713,12 +1719,15 @@ const Dashboard = (props) => {
 			<UsecaseListComponent 
 	  			userdata={userdata}
 				isLoggedIn={isLoggedIn}
-				frameworkData={frameworkData}
 				keys={selectedUsecases} 
 				isCloud={isCloud} 
 				globalUrl={globalUrl} 
 				workflows={workflows}
 				setWorkflows={setWorkflows}
+
+				frameworkData={frameworkData}
+	  			setFrameworkData={setFrameworkData}
+	  			getFramework={getFramework}
 			/>
 
 			{treeKeys.length > 0 ?