bldrs-ai · pablo-mayrgundter · Aug 6, 2021 · Aug 6, 2021
diff --git a/src/Components/elementInfo.js b/src/Components/elementInfo.js
@@ -1,35 +1,35 @@
-import React from "react";
-import { makeStyles } from "@material-ui/core/styles";
-import Paper from "@material-ui/core/Paper";
-import { Info } from "./info.js";
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import Paper from '@material-ui/core/Paper';
+import { Info } from './info.js';
 
 const useStyles = makeStyles((theme) => ({
   contextualMenu: {
     width: 240,
     height: 300,
-    border: "none",
-    marginLeft: "24px",
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "space-around",
-    alignItems: "center",
-    height: "70%",
+    border: 'none',
+    marginLeft: '24px',
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'space-around',
+    alignItems: 'center',
+    height: '70%',
     top: 152,
     right: 20,
-    "@media (max-width: 900px)": {
-      height: "50%",
+    '@media (max-width: 900px)': {
+      height: '50%',
       top: 140,
       // width: 400,
       left: 62,
     },
   },
   paper: {
     padding: theme.spacing(2),
-    display: "flex",
-    overflow: "auto",
-    flexDirection: "column",
-    height: "50px",
-    width: "160px",
+    display: 'flex',
+    overflow: 'auto',
+    flexDirection: 'column',
+    height: '50px',
+    width: '160px',
   },
 }));
 
@@ -40,20 +40,20 @@ const ElementsInfo = (elementProps) => {
     <div
       className={classes.contextualMenu}
       style={{
-        height: "auto",
-        position: "absolute",
+        height: 'auto',
+        position: 'absolute',
       }}
     >
       <Paper
         elevation={3}
         className={classes.paper}
         style={{
-          position: "absolute",
-          width: "auto",
-          height: "auto",
-          top: "0px",
-          right: "0px",
-          minHeight: "20%",
+          position: 'absolute',
+          width: 'auto',
+          height: 'auto',
+          top: '0px',
+          right: '0px',
+          minHeight: '20%',
         }}
       >
         <Info elementProps={elementProps} />

diff --git a/src/Components/elementsTree.js b/src/Components/elementsTree.js
@@ -1,35 +1,35 @@
-import React from "react";
-import { makeStyles } from "@material-ui/core/styles";
-import Paper from "@material-ui/core/Paper";
-import ElementsTreeStructure from "./tree.js";
-import Tabs from "@material-ui/core/Tabs";
-import Tab from "@material-ui/core/Tab";
-import Typography from "@material-ui/core/Typography";
-import Box from "@material-ui/core/Box";
-import { Info } from "./info";
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import Paper from '@material-ui/core/Paper';
+import ElementsTreeStructure from './tree.js';
+import Tabs from '@material-ui/core/Tabs';
+import Tab from '@material-ui/core/Tab';
+import Typography from '@material-ui/core/Typography';
+import Box from '@material-ui/core/Box';
+import { Info } from './info';
 
 const useStyles = makeStyles((theme) => ({
   contextualMenu: {
     width: 308,
-    border: "none",
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "space-around",
-    alignItems: "center",
-    overflow: "scroll",
-    marginLeft: "-5px",
-    height: "70%",
-    "@media (max-width: 900px)": {
-      height: "50%",
+    border: 'none',
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'space-around',
+    alignItems: 'center',
+    overflow: 'scroll',
+    marginLeft: '-5px',
+    height: '70%',
+    '@media (max-width: 900px)': {
+      height: '50%',
     },
   },
   paper: {
     padding: theme.spacing(2),
-    display: "flex",
-    overflow: "auto",
-    flexDirection: "column",
-    width: "220px",
-    backgroundColor: "lightGray",
+    display: 'flex',
+    overflow: 'auto',
+    flexDirection: 'column',
+    width: '220px',
+    backgroundColor: 'lightGray',
   },
 }));
 
@@ -38,7 +38,7 @@ function TabPanel(props) {
 
   return (
     <div
-      role="tabpanel"
+      role='tabpanel'
       hidden={value !== index}
       id={`simple-tabpanel-${index}`}
       aria-labelledby={`simple-tab-${index}`}
@@ -55,7 +55,7 @@ function TabPanel(props) {
 function a11yProps(index) {
   return {
     id: `simple-tab-${index}`,
-    "aria-controls": `simple-tabpanel-${index}`,
+    'aria-controls': `simple-tabpanel-${index}`,
   };
 }
 
@@ -66,7 +66,7 @@ const ElementsTree = ({
   elementProps,
 }) => {
   const classes = useStyles();
-  console.log("element prop", elementProps);
+  console.log('element prop', elementProps);
   const [value, setValue] = React.useState(0);
   const handleChange = (event, newValue) => {
     setValue(newValue);
@@ -75,23 +75,23 @@ const ElementsTree = ({
     <Paper
       className={classes.contextualMenu}
       style={{
-        position: "absolute",
+        position: 'absolute',
         top: 144,
         left: 24,
 
-        overflow: "auto",
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "flex-start",
+        overflow: 'auto',
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'flex-start',
       }}
     >
       <Tabs
         value={value}
         onChange={handleChange}
-        aria-label="simple tabs example"
+        aria-label='simple tabs example'
       >
-        <Tab label="Tree" {...a11yProps(0)} />
-        <Tab label="Info" {...a11yProps(1)} />
+        <Tab label='Tree' {...a11yProps(0)} />
+        <Tab label='Info' {...a11yProps(1)} />
       </Tabs>
       <TabPanel value={value} index={0}>
         <ElementsTreeStructure

diff --git a/src/Components/ifcViewer.js b/src/Components/ifcViewer.js
@@ -1,19 +1,14 @@
-import React from "react";
-
+import React from 'react';
 
 export default class Viewer extends React.Component {
   constructor(props) {
     super(props);
     this.viewer = null;
   }
 
-  componentDidMount() {
-  }
+  componentDidMount() {}
 
   render() {
-    return (
-      <div>
-      </div>
-    );
+    return <div></div>;
   }
 }
diff --git a/src/Components/info.js b/src/Components/info.js
@@ -1,13 +1,13 @@
-import React from "react";
+import React from 'react';
 
 const Row = ({ firstColumn, secondColumn }) => {
   return (
     <div
       style={{
-        display: "flex",
-        flexDirection: "row",
+        display: 'flex',
+        flexDirection: 'row',
         width: 270,
-        justifyContent: "flex-start",
+        justifyContent: 'flex-start',
         fontSize: 12,
         marginBottom: 5,
       }}
@@ -16,16 +16,16 @@ const Row = ({ firstColumn, secondColumn }) => {
         style={{
           minWidth: 100,
           marginRight: 20,
-          border: "1px solid lightGray",
+          border: '1px solid lightGray',
         }}
       >
         {firstColumn}
       </div>
       <div
         style={{
           minWidth: 150,
-          border: "1px solid lightGray",
-          wordWrap: "break-word",
+          border: '1px solid lightGray',
+          wordWrap: 'break-word',
         }}
       >
         {secondColumn}

diff --git a/src/Components/loginMenu.js b/src/Components/loginMenu.js
@@ -1,8 +1,8 @@
-import React from "react";
-import Menu from "@material-ui/core/Menu";
-import MenuItem from "@material-ui/core/MenuItem";
-import IconButton from "@material-ui/core/IconButton";
-import AccountCircle from "@material-ui/icons/AccountCircle";
+import React from 'react';
+import Menu from '@material-ui/core/Menu';
+import MenuItem from '@material-ui/core/MenuItem';
+import IconButton from '@material-ui/core/IconButton';
+import AccountCircle from '@material-ui/icons/AccountCircle';
 
 const LoginMenu = () => {
   const [anchorEl, setAnchorEl] = React.useState(null);
@@ -16,26 +16,26 @@ const LoginMenu = () => {
   return (
     <div>
       <IconButton
-        aria-label="account of current user"
-        aria-controls="menu-appbar"
-        aria-haspopup="true"
+        aria-label='account of current user'
+        aria-controls='menu-appbar'
+        aria-haspopup='true'
         onClick={handleMenu}
-        color="inherit"
+        color='inherit'
       >
         <AccountCircle />
       </IconButton>
 
       <Menu
-        id="menu-appbar"
+        id='menu-appbar'
         anchorEl={anchorEl}
         anchorOrigin={{
-          vertical: "top",
-          horizontal: "right",
+          vertical: 'top',
+          horizontal: 'right',
         }}
         keepMounted
         transformOrigin={{
-          vertical: "top",
-          horizontal: "right",
+          vertical: 'top',
+          horizontal: 'right',
         }}
         open={open}
         onClose={handleClose}

diff --git a/src/Components/menuButton.js b/src/Components/menuButton.js
@@ -1,30 +1,30 @@
-import React from "react";
-import { makeStyles } from "@material-ui/core/styles";
-import MenuIcon from "@material-ui/icons/Menu";
-import IconButton from "@material-ui/core/IconButton";
-import CloseIcon from "@material-ui/icons/Close";
-import InfoOutlinedIcon from "@material-ui/icons/InfoOutlined";
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import MenuIcon from '@material-ui/icons/Menu';
+import IconButton from '@material-ui/core/IconButton';
+import CloseIcon from '@material-ui/icons/Close';
+import InfoOutlinedIcon from '@material-ui/icons/InfoOutlined';
 
 const useStyles = makeStyles((theme) => ({
   menuButton: {
-    border: "2px solid lime",
-    "@media (max-width: 1280px)": {
-      border: "2px solid lime",
+    border: '2px solid lime',
+    '@media (max-width: 1280px)': {
+      border: '2px solid lime',
     },
   },
   menuButtonDisabled: {
-    "@media (max-width: 1280px)": {},
+    '@media (max-width: 1280px)': {},
   },
 }));
 
 const MenuButton = ({ onClick, disabled, open }) => {
   const classes = useStyles();
   return (
     <IconButton
-      edge="start"
+      edge='start'
       className={disabled ? classes.menuButtonDisabled : classes.menuButton}
-      color="secondary"
-      aria-label="menu"
+      color='secondary'
+      aria-label='menu'
       onClick={onClick}
       disabled={disabled}
     >

diff --git a/src/Components/primaryButton.js b/src/Components/primaryButton.js
@@ -1,7 +1,7 @@
-import React from "react";
-import Button from "@material-ui/core/Button";
-import ShareIcon from "@material-ui/icons/Share";
-import { makeStyles } from "@material-ui/core/styles";
+import React from 'react';
+import Button from '@material-ui/core/Button';
+import ShareIcon from '@material-ui/icons/Share';
+import { makeStyles } from '@material-ui/core/styles';
 
 const useStyles = makeStyles((theme) => ({
   button: {
@@ -14,11 +14,11 @@ const PrimaryButton = ({ name, onClick }) => {
   const classes = useStyles();
   return (
     <Button
-      variant="contained"
-      color="secondary"
+      variant='contained'
+      color='secondary'
       className={classes.button}
       startIcon={<ShareIcon />}
-      size="medium"
+      size='medium'
       onClick={onClick}
     >
       {name}