feat(gpt-runner-web): optimize svg color

packages/gpt-runner-web/client/src/helpers/file-icons/folder-icons.ts

@@ -7,7 +7,7 @@ import { IconPack } from './types'
 export const folderIcons: FolderTheme
   = {
     name: 'specific',
-    defaultIcon: { name: 'folder-client' },
+    defaultIcon: { name: 'folder' },
     rootFolder: { name: 'folder-root' },
     icons: [
       {

packages/gpt-runner-web/client/src/helpers/file-icons/utils.ts

@@ -70,8 +70,10 @@ export function getFolderNameIconMap(folderIcons: FolderTheme) {
  * Get the icon name based on the folder name
  */
 const folderNameIconMap = getFolderNameIconMap(folderIcons)
-export function getFolderIconByFolderName(folderName: string) {
-  return folderNameIconMap.get(folderName) || folderIcons.defaultIcon.name
+export function getFolderIconByFolderName(folderName: string, isOpen = false) {
+  const defaultIconName = folderIcons.defaultIcon.name
+  const defaultOpenIconName = `${folderIcons.defaultIcon.name}-open`
+  return folderNameIconMap.get(folderName) || (isOpen ? defaultOpenIconName : defaultIconName)
 }
 
 export interface GetIconComponentProps {

packages/gpt-runner-web/client/src/pages/chat/components/file-tree/index.tsx

@@ -213,23 +213,13 @@ export const FileTree: FC<FileTreeProps> = memo((props: FileTreeProps) => {
         marginRight: '0.25rem',
       }} className={clsx(isExpanded ? 'codicon-chevron-down' : 'codicon-chevron-right')}></Icon >}
 
-      {/* <Icon style={{
-        marginLeft: !isLeaf ? '0' : '0.6rem',
-        marginRight: '0.45rem',
-      }} className={getIconClassName()}></Icon> */}
-
-      {/* <MaterialIconComponent
-        style={{
-          marginLeft: !isLeaf ? '0' : '0.6rem',
-          marginRight: '0.45rem',
-        }}
-      ></MaterialIconComponent> */}
       {renderMaterialIconComponent({
         style: {
           marginLeft: '0.2rem',
           marginRight: '0.45rem',
           width: '1rem',
           height: '1rem',
+          flexShrink: '0',
         },
       })}
     </>