adds further functionality to the tailwind code generator

Author: GarrettHutson

app/src/containers/AppContainer.tsx

@@ -53,7 +53,6 @@ const AppContainer = (props) => {
 
   return (
     <StyledEngineProvider injectFirst>
-      // Mui theme provider provides themed styling to all MUI components in app
       <ThemeProvider theme={isThemeLight ? lightTheme : darkTheme}>
         <styleContext.Provider value={{ style, setStyle, isThemeLight }}>
         <div>

app/src/containers/CustomizationPanel.tsx

@@ -305,9 +305,10 @@ const CustomizationPanel = ({ isThemeLight }): JSX.Element => {
       payload: { event: selectedEvent }
     });
   };
-  const handleTailwind = (): Object => {
+
+
+  const handleSave = (): Object => {
     console.log('stateusedobj',stateUsedObj)
-    dispatch({ type: 'CHANGE TAILWIND', payload: true });
     dispatch({
       type: 'UPDATE STATE USED',
       payload: {stateUsedObj: stateUsedObj}
@@ -347,55 +348,60 @@ const CustomizationPanel = ({ isThemeLight }): JSX.Element => {
       type: 'UPDATE EVENTS',
       payload: { events: eventsObj }
     });
-
     return styleObj;
+  };
+  const handleTailwind = (): Object => {
+    console.log('stateusedobj',stateUsedObj)
+    dispatch({ type: 'CHANGE TAILWIND', payload: true });
 
 
-  }
+    handleSave()
+    
+    // dispatch({
+    //   type: 'UPDATE STATE USED',
+    //   payload: {stateUsedObj: stateUsedObj}
+    // })
 
-  const handleSave = (): Object => {
-    console.log('stateusedobj',stateUsedObj)
-    dispatch({
-      type: 'UPDATE STATE USED',
-      payload: {stateUsedObj: stateUsedObj}
-    })
 
+    // dispatch({
+    //   type: 'UPDATE USE CONTEXT',
+    //   payload: { useContextObj: useContextObj}
+    // })
 
-    dispatch({
-      type: 'UPDATE USE CONTEXT',
-      payload: { useContextObj: useContextObj}
-    })
+    // const styleObj: any = {};
+    // if (displayMode !== '') styleObj.display = displayMode;
+    // if (flexDir !== '') styleObj.flexDirection = flexDir;
+    // if (flexJustify !== '') styleObj.justifyContent = flexJustify;
+    // if (flexAlign !== '') styleObj.alignItems = flexAlign;
+    // if (compWidth !== '') styleObj.width = compWidth;
+    // if (compHeight !== '') styleObj.height = compHeight;
+    // if (BGColor !== '') styleObj.backgroundColor = BGColor;
+    // dispatch({
+    //   type: 'UPDATE CSS',
+    //   payload: { style: styleObj }
+    // });
 
-    const styleObj: any = {};
-    if (displayMode !== '') styleObj.display = displayMode;
-    if (flexDir !== '') styleObj.flexDirection = flexDir;
-    if (flexJustify !== '') styleObj.justifyContent = flexJustify;
-    if (flexAlign !== '') styleObj.alignItems = flexAlign;
-    if (compWidth !== '') styleObj.width = compWidth;
-    if (compHeight !== '') styleObj.height = compHeight;
-    if (BGColor !== '') styleObj.backgroundColor = BGColor;
-    dispatch({
-      type: 'UPDATE CSS',
-      payload: { style: styleObj }
-    });
+    // const attributesObj: any = {};
+    // if (compText !== '') attributesObj.compText = compText;
+    // if (compLink !== '') attributesObj.compLink = compLink;
+    // if (cssClasses !== '') attributesObj.cssClasses = cssClasses;
+    // dispatch({
+    //   type: 'UPDATE ATTRIBUTES',
+    //   payload: { attributes: attributesObj }
+    // });
 
-    const attributesObj: any = {};
-    if (compText !== '') attributesObj.compText = compText;
-    if (compLink !== '') attributesObj.compLink = compLink;
-    if (cssClasses !== '') attributesObj.cssClasses = cssClasses;
-    dispatch({
-      type: 'UPDATE ATTRIBUTES',
-      payload: { attributes: attributesObj }
-    });
+    // const eventsObj: any = {};
+    // if (eventAll[0] !== '') eventsObj[eventAll[0]] = eventAll[1];
+    // dispatch({
+    //   type: 'UPDATE EVENTS',
+    //   payload: { events: eventsObj }
+    // });
+
+    // return styleObj;
+
+
+  }
 
-    const eventsObj: any = {};
-    if (eventAll[0] !== '') eventsObj[eventAll[0]] = eventAll[1];
-    dispatch({
-      type: 'UPDATE EVENTS',
-      payload: { events: eventsObj }
-    });
-    return styleObj;
-  };
   // UNDO/REDO functionality--onClick these functions will be invoked.
   const handleUndo = () => {
     dispatch({ type: 'UNDO', payload: {} });