Fix 118: unified colors in the Studio + add more entity types in Pathways

front/src/components/abstra/abstraTable.js

@@ -40,7 +40,9 @@ const trans = {
 	}
 };
 
-function AbstraHeader({ data, activeLang }) {
+function AbstraHeader({ data }) {
+	const { activeLang } = useLang();
+	
 	let recordLabel = trans.records[activeLang];
 	if(data.collection_size === 1) {
 		recordLabel = trans.record[activeLang]
@@ -64,7 +66,6 @@ function AbstraHeader({ data, activeLang }) {
 
 function AbstraRow({ row, depth }) {
 	const [open, setOpen] = React.useState(false);
-	const { activeLang } = useLang();
 
 	const handleClick = () => {
 		setOpen(!open);
@@ -111,13 +112,13 @@ function AbstraRow({ row, depth }) {
 	);
 }
 
-function NestedList({ data, activeLang }) {
+function NestedList({ data }) {
 	return (
 		<List
 			sx={{ width: "100%", bgcolor: "background.paper", elevation: 0 }}
 			component="div"
 			disablePadding
-			subheader={<AbstraHeader data={data} activLang={activeLang} />}
+			subheader={<AbstraHeader data={data} />}
 		>
 			<Divider></Divider>
 			{data.rows.map((row, index) => {
@@ -132,10 +133,10 @@ function NestedList({ data, activeLang }) {
 	);
 }
 
-function AbstraTable({ id, data, activLang }) {
+function AbstraTable({ id, data }) {
 	return (
 		<Box sx={{ p: 0.5, backgroundColor: data.color, borderRadius: "5px" }}>
-			<NestedList data={data} activLang={activLang} ></NestedList>
+			<NestedList data={data} ></NestedList>
 			<Handle type="source" id="source-float" />
 			<Handle type="target" id="target-float" />
 			<Handle