Add CSS Icon to filetree

Author: crumblepie

main.js

@@ -110,12 +110,13 @@ function createWindow() {
 
   // Don't show until we are ready and loaded
   mainWindow.once('ready-to-show', () => {
-    splash.close();
-    // uncomment out to maximise app on load
-    // mainWindow.maximize();
-    mainWindow.show();
-    mainWindow.focus();
-    // mainWindow.center();
+    setTimeout(function () {
+      mainWindow.center();
+      splash.destroy();
+      // mainWindow.maximize();
+      mainWindow.show();
+      mainWindow.focus();
+    }, 3000);
 
     // Open the DevTools automatically if developing
     if (dev) {

src/components/App.jsx

@@ -4,13 +4,9 @@ import Body from './Body';
 import '../stylesheets/App.css';
 import 'regenerator-runtime/runtime';
 import { useDispatch } from 'react-redux';
-import { loadPrevState, refreshCode } from '../redux/canvasSlice';
+// import { loadPrevState, refreshCode } from '../redux/canvasSlice';
 import { loadState } from '../localStorage';
-
-// WIP to fix monaco-editor not displaying in dev mode
-// delete window.require;
-// delete window.exports;
-// delete window.module;
+import { refreshCode } from '../redux/canvasSlice';
 
 const App = () => {
   const dispatch = useDispatch();

src/components/Body.jsx

@@ -6,8 +6,7 @@ import CodePreview from './CodePreview';
 import '../stylesheets/BodyContainer.css';
 import { DragDropContext } from 'react-beautiful-dnd';
 import { useDispatch, useSelector } from 'react-redux';
-import { addComponent, combineComponents, refreshCode, reorderComponent, saveComponentCode } from '../redux/canvasSlice';
-// import ExportModal from './ExportModal';
+import { addComponent, refreshCode, reorderComponent, saveComponentCode } from '../redux/canvasSlice';
 
 const Body = () => {
   const dispatch = useDispatch();

src/components/TreeFile.jsx

@@ -23,7 +23,7 @@ const FILE_ICONS = {
     </span>
   ),
   css: (
-    <span className='nested-files' style={{ color: '##264de4' }}>
+    <span className='nested-files' style={{ color: 'var(--css-icon-color' }}>
       <DiCss3Full />
     </span>
   ),

src/redux/canvasSlice.js

@@ -60,6 +60,14 @@ const initialState = {
       fileImports: [],
       fileComponents: [],
     },
+    {
+      type: 'file',
+      name: 'styles.css',
+      fileCode: '',
+      fileTags: [],
+      fileImports: [],
+      fileComponents: [],
+    },
   ],
   currentFile: 'App.js',
 };