fix: fixing tsc errors

src/components/CustomIcon.tsx

@@ -1462,8 +1462,8 @@ const CustomIconMap = {
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
+        fillRule="evenodd"
+        clipRule="evenodd"
         d="M14.5001 3.38998L15.5 3.38998L15.5 8.09666H10.7933V7.09677L13.7695 7.09677C13.3057 6.54758 12.7151 6.11557 12.0458 5.83967L11.7294 5.72248C10.9849 5.47907 10.1876 5.43369 9.4169 5.59358L9.08975 5.67463C8.33688 5.89068 7.65086 6.30041 7.10244 6.86506L6.87783 7.11408C6.37536 7.71534 6.03771 8.4393 5.9003 9.21467L5.85342 9.54768C5.78595 10.2157 5.8694 10.8905 6.09658 11.5223L6.22256 11.8348C6.5894 12.6561 7.19364 13.3487 7.95791 13.8231C8.6269 14.2382 9.39174 14.4697 10.1747 14.4969L10.5106 14.4959C11.4096 14.4599 12.2778 14.1558 13.0019 13.6219L13.5956 14.4266C12.7106 15.0793 11.6495 15.4509 10.5507 15.4949L10.3456 15.4998C9.31726 15.5026 8.3067 15.2173 7.43057 14.6737C6.49636 14.0939 5.75791 13.2469 5.30947 12.243L5.22842 12.0526C4.87023 11.1622 4.75161 10.1936 4.88369 9.24299L4.91494 9.03987C5.09488 8.0247 5.55671 7.08207 6.24502 6.31819L6.38565 6.1678C7.10389 5.42832 8.01444 4.90641 9.0126 4.65998L9.21377 4.61408C10.2231 4.40471 11.2697 4.48387 12.2343 4.83967L12.4267 4.91487C13.2288 5.24546 13.9384 5.75966 14.5001 6.41237L14.5001 3.38998Z"
         fill="currentColor"
       />

src/components/Explorer/ProjectExplorer.tsx

@@ -15,13 +15,9 @@ import type {
   FileExplorerEntry,
   FileExplorerRow,
 } from '@src/components/Explorer/utils'
-import { FileExplorerHeaderActions } from '@src/components/Explorer/FileExplorerHeaderActions'
 import { useState, useRef, useEffect } from 'react'
 import { systemIOActor, useSettings } from '@src/lib/singletons'
-import {
-  SystemIOMachineEvents,
-  RequestedKCLFile,
-} from '@src/machines/systemIO/utils'
+import { SystemIOMachineEvents } from '@src/machines/systemIO/utils'
 import { sortFilesAndDirectories } from '@src/lib/desktopFS'
 import {
   alwaysEndFileWithEXT,

src/components/ModelingSidebar/ModelingPanes/index.tsx

@@ -1,5 +1,10 @@
 import type { IconDefinition } from '@fortawesome/free-solid-svg-icons'
-import { useState, type MouseEventHandler, type ReactNode } from 'react'
+import {
+  useState,
+  useEffect,
+  type MouseEventHandler,
+  type ReactNode,
+} from 'react'
 import type { ContextFrom } from 'xstate'
 
 import type { CustomIconName } from '@src/components/CustomIcon'
@@ -20,20 +25,15 @@ import { editorManager, systemIOActor, useSettings } from '@src/lib/singletons'
 import type { settingsMachine } from '@src/machines/settingsMachine'
 import { ProjectExplorer } from '@src/components/Explorer/ProjectExplorer'
 import { FileExplorerHeaderActions } from '@src/components/Explorer/FileExplorerHeaderActions'
-
 import { parentPathRelativeToProject, PATHS } from '@src/lib/paths'
 import type { IndexLoaderData } from '@src/lib/types'
 import { useRouteLoaderData } from 'react-router-dom'
-import {
-  addPlaceHoldersForNewFileAndFolder,
-  FileExplorerEntry,
-} from '@src/components/Explorer/utils'
-import { ProjectExplorer } from '@src/components/Explorer/ProjectExplorer'
+import type { FileExplorerEntry } from '@src/components/Explorer/utils'
+import { addPlaceHoldersForNewFileAndFolder } from '@src/components/Explorer/utils'
 import { useFolders } from '@src/machines/systemIO/hooks'
-import { useState, useEffect } from 'react'
 import type { Project } from '@src/lib/project'
 import { SystemIOMachineEvents } from '@src/machines/systemIO/utils'
-import { FILE_EXT, ONBOARDING_PROJECT_NAME } from '@src/lib/constants'
+import { FILE_EXT } from '@src/lib/constants'
 
 export type SidebarType =
   | 'code'

src/machines/systemIO/systemIOMachineDesktop.ts

@@ -547,7 +547,7 @@ export const systemIOMachineDesktop = systemIOMachine.provide({
         let response = {
           message: 'File deleted successfully',
           requestedPath: input.requestedPath,
-          requestedProjectName: input.requestedProjectName,
+          requestedProjectName: input.requestedProjectName || '',
         }
         return response
       }

src/routes/Home.tsx

@@ -61,7 +61,6 @@ import {
 import { CustomIcon } from '@src/components/CustomIcon'
 import Tooltip from '@src/components/Tooltip'
 import { ML_EXPERIMENTAL_MESSAGE } from '@src/lib/constants'
-import { ProjectExplorer } from '@src/components/Explorer/ProjectExplorer'
 import { addPlaceHoldersForNewFileAndFolder } from '@src/components/Explorer/utils'
 
 type ReadWriteProjectState = {
@@ -418,17 +417,6 @@ const Home = () => {
             </li>
           </ul>
         </aside>
-
-        <section
-          data-testid="file-explorer-section"
-          className="flex flex-row justify-between"
-          style={{ width: '850px' }}
-        >
-          <ProjectExplorer project={duplicated}></ProjectExplorer>
-          <ProjectExplorer project={duplicated}></ProjectExplorer>
-          <ProjectExplorer project={duplicated1}></ProjectExplorer>
-          <ProjectExplorer project={duplicated1}></ProjectExplorer>
-        </section>
         <ProjectGrid
           searchResults={searchResults}
           projects={projects}