ts changes in utls

Author: tolgamizrakci

src/components/HTMLComponentPanel.jsx

@@ -17,8 +17,6 @@ import Tab from "@material-ui/core/Tab";
 import Chip from "@material-ui/core/Chip";
 import theme from "./theme.ts";
 
-// import {HTMLelements,getSize} from "../utils/htmlElements.util";
-
 class HTMLComponentPanel extends Component {
   state = {
     HtmlComponentName: ""
@@ -53,7 +51,11 @@ class HTMLComponentPanel extends Component {
                   this.handleCreateHTMLChild("Image");
                 }}
               >
-                <ImageIcon style={{ color: "#e0e0e0" }} />
+                <ImageIcon
+                  style={{
+                    color: "#e0e0e0"
+                  }}
+                />
               </IconButton>
               <Chip
                 label="Image"
@@ -62,7 +64,8 @@ class HTMLComponentPanel extends Component {
                 style={{
                   color: "white",
                   borderColor: "#424242",
-                  borderWidth: "0.5px"
+                  borderWidth: "0.0px",
+                  fontSize: "50%"
                 }}
               />
             </div>
@@ -84,7 +87,8 @@ class HTMLComponentPanel extends Component {
               style={{
                 color: "white",
                 borderColor: "#424242",
-                borderWidth: "0.5px"
+                borderWidth: "0.0px",
+                fontSize: "50%"
               }}
             />
           </Grid>
@@ -105,7 +109,8 @@ class HTMLComponentPanel extends Component {
               style={{
                 color: "white",
                 borderColor: "#424242",
-                borderWidth: "0.5px"
+                borderWidth: "0.0px",
+                fontSize: "50%"
               }}
             />
           </Grid>
@@ -126,7 +131,8 @@ class HTMLComponentPanel extends Component {
               style={{
                 color: "white",
                 borderColor: "#424242",
-                borderWidth: "0.5px"
+                borderWidth: "0.0px",
+                fontSize: "50%"
               }}
             />
           </Grid>
@@ -147,7 +153,8 @@ class HTMLComponentPanel extends Component {
               style={{
                 color: "white",
                 borderColor: "#424242",
-                borderWidth: "0.5px"
+                borderWidth: "0.0px",
+                fontSize: "50%"
               }}
             />
           </Grid>
@@ -168,7 +175,8 @@ class HTMLComponentPanel extends Component {
               style={{
                 color: "white",
                 borderColor: "#424242",
-                borderWidth: "0.5px"
+                borderWidth: "0.0px",
+                fontSize: "50%"
               }}
             />
           </Grid>
@@ -189,7 +197,10 @@ function styles(theme) {
       borderRadius: "1px",
       borderColor: "#424242",
       bottom: "0px",
-      padding: "10px",
+      paddingLeft: "10px",
+      paddingRight: "10px",
+      paddingBottom: "25px",
+      paddingTop: "2px",
       boxShadow: "0 6px 6px rgba(0,0,0,0.23)"
       // paddingBottom: "10px"
     },

src/components/HtmlAttr.jsx

@@ -6,7 +6,7 @@ import TextField from '@material-ui/core/TextField';
 import IconButton from '@material-ui/core/IconButton';
 import SaveIcon from '@material-ui/icons/Save';
 import { updateHtmlAttr } from '../actions/components';
-import { HTMLelements, getSize } from '../utils/htmlElements.util';
+import { HTMLelements, getSize } from '../utils/htmlElements.util.ts';
 import Paper from '@material-ui/core/Paper';
 import Fab from '@material-ui/core/Fab';
 
@@ -76,7 +76,7 @@ class HtmlAttr extends Component {
     console.log(attr, this.state[attr]);
     this.props.updateHtmlAttr({ attr, value: this.state[attr] });
     this.setState({
-      [attr]: ""
+      [attr]: '',
     });
   };
 
@@ -90,12 +90,6 @@ class HtmlAttr extends Component {
     console.log('focuschild', this.props.focusChild);
   }
 
-  // setInitialState = () => {
-  //   HTMLelements[focusChildType].attributes.forEach(attr =>
-  //     this.setState({ attr: "" })
-  //   );
-  // };
-
   render() {
     const { focusComponent, classes, deleteProp, addProp, focusChild, updateHtmlAttr } = this.props;
 

src/components/LeftColExpansionPanel.jsx

@@ -3,16 +3,13 @@ import { withStyles } from "@material-ui/core/styles";
 import Typography from "@material-ui/core/Typography";
 import List from "@material-ui/core/List";
 import ListItem from "@material-ui/core/ListItem";
-import ListItemSecondaryAction from "@material-ui/core/ListItemSecondaryAction";
 import ListItemText from "@material-ui/core/ListItemText";
 import IconButton from "@material-ui/core/IconButton";
 import Grid from "@material-ui/core/Grid";
 import AddIcon from "@material-ui/icons/Add";
 import DeleteIcon from "@material-ui/icons/Delete";
 import Fab from "@material-ui/core/Fab";
 
-import { openExpansionPanel } from "../utils/componentReducer.util";
-
 const LeftColExpansionPanel = props => {
   const {
     classes,