Branch created

Co-authored-by: wbrittwage <[email protected]>
Co-authored-by: Miles818 <[email protected]>

Author: dreille

app/src/Dashboard/ProjectContainer.tsx

@@ -2,7 +2,7 @@ import React, {
   useState, useContext, useEffect, createContext,
 } from 'react';
 import {
-  createMuiTheme, MuiThemeProvider, makeStyles, Theme, useTheme,
+  createTheme, MuiThemeProvider, makeStyles, Theme, useTheme,
 } from '@material-ui/core/styles';
 import { useQuery } from '@apollo/client';
 

app/src/components/left/HTMLPanel.tsx

@@ -2,6 +2,8 @@ import React, { useState, useCallback, useContext, useEffect } from 'react';
 import Grid from '@material-ui/core/Grid';
 import StateContext from '../../context/context';
 import HTMLItem from './HTMLItem';
+// import { styleContext } from './AppContainer';
+
 import { makeStyles, styled } from '@material-ui/core/styles';
 import {
   Button,
@@ -32,6 +34,7 @@ const HTMLPanel = (props): JSX.Element => {
   const [errorStatus, setErrorStatus] = useState(false);
   const [state, dispatch] = useContext(StateContext);
   const {isThemeLight} = props;
+  // const { style } = useContext(styleContext);
   let startingID = 0;
   state.HTMLTypes.forEach(element => {
     if (element.id >= startingID) startingID = element.id;
@@ -156,12 +159,12 @@ const HTMLPanel = (props): JSX.Element => {
   }, []);
 
   return (
-    <div className="HTMLItemCreate">
+    <div className="HTMLItemCreate" >
       <div className={classes.addComponentWrapper}>
         <div className={classes.inputWrapper}>
           <form onSubmit={handleSubmit} className="customForm">
 
-            <h4 className={isThemeLight ? classes.lightThemeFontColor : classes.darkThemeFontColor }>New HTML Tag: </h4>
+            <h4 className={isThemeLight ? classes.lightThemeFontColor : classes.darkThemeFontColor } value = "New HTML Tag">New HTML Tag: </h4>
             <InputLabel className={isThemeLight ? `${classes.inputLabel} ${classes.lightThemeFontColor}` : `${classes.inputLabel} ${classes.darkThemeFontColor}`}>
               Tag:
             </InputLabel>

app/src/containers/AppContainer.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useContext, createContext } from 'react';
-import { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';
+import { createTheme, MuiThemeProvider } from '@material-ui/core/styles';
 // import Button from '@material-ui/core/Button';
 import NavBar from '../components/top/NavBar';
 import LeftContainer from './LeftContainer';

app/src/public/styles/theme.ts

@@ -1,6 +1,6 @@
-import { createMuiTheme } from '@material-ui/core/styles';
+import { createTheme } from '@material-ui/core/styles';
 
-export const theme1 = createMuiTheme({
+export const theme1 = createTheme({
 
 
   palette: {
@@ -14,7 +14,7 @@ export const theme1 = createMuiTheme({
 });
 
 
-export const theme2 = createMuiTheme({
+export const theme2 = createTheme({
   palette: {
     secondary: {
       main: '#304D6D', // dark mode color