feat: add psd and ai file icons

src/components/icons.tsx

@@ -0,0 +1,60 @@
+import { IconProps, IconTemplate } from "solid-icons/lib"
+
+export function VscodeIconsFileTypePhotoshop2(props: IconProps) {
+  return IconTemplate(
+    {
+      a: {
+        viewBox: "0 0 32 32",
+      },
+      c: `<path
+    fill="#070444"
+    d="M24.099 2H8.837v28h20.91V7.888l-5.579-5.816L24.099 2"
+  ></path>
+  <path
+    fill="#5bc3f6"
+    d="M2.253 3.493H22.56v7.844H2.253zM24.099 2v5.888h5.648L24.099 2z"
+  ></path>
+  <path
+    fill="#070444"
+    d="M7.1 4.987a6 6 0 0 1 1.242-.1a1.576 1.576 0 0 1 1.187.392a1.714 1.714 0 0 1 .429 1.207A1.946 1.946 0 0 1 9.6 7.712a1.565 1.565 0 0 1-1.254.518a2.084 2.084 0 0 1-.246-.015v1.7h-1Zm1 2.206a1.61 1.61 0 0 0 .228.015a.621.621 0 0 0 .641-.7a.546.546 0 0 0-.569-.618a1.166 1.166 0 0 0-.3.03Zm2.983 1.385a1.845 1.845 0 0 0 .975.311c.345 0 .513-.156.513-.407S12.4 8.1 11.98 7.9a1.594 1.594 0 0 1-1.053-1.5a1.454 1.454 0 0 1 1.5-1.562a1.925 1.925 0 0 1 1.02.259l-.207 1.067a1.576 1.576 0 0 0-.819-.237c-.306 0-.474.148-.474.37c0 .252.2.355.674.592a1.543 1.543 0 0 1 .981 1.5a1.494 1.494 0 0 1-1.6 1.6a2.117 2.117 0 0 1-1.1-.311Zm4.537.402h-.1V5.755h.014a1.117 1.117 0 0 1 .629.113a1.262 1.262 0 0 1 .341.422a1.369 1.369 0 0 1 .149.553c.01.231 0 .417 0 .578a3.079 3.079 0 0 1-.035.539a1.846 1.846 0 0 1-.178.529a1.187 1.187 0 0 1-.382.379a.707.707 0 0 1-.437.111m.192-4.141c-.117 0-.23.009-.31.012l-.247.007h-.82v5.054h.964a2.815 2.815 0 0 0 1.082-.184a1.8 1.8 0 0 0 .718-.517a2.04 2.04 0 0 0 .392-.788a3.921 3.921 0 0 0 .12-1a4.644 4.644 0 0 0-.092-1.186a1.868 1.868 0 0 0-.425-.771a1.712 1.712 0 0 0-.563-.422a2.537 2.537 0 0 0-.577-.188a1.349 1.349 0 0 0-.24-.018"
+  ></path>
+  <path
+    fill="#5bc3f6"
+    d="M16 19.651a7.218 7.218 0 0 1-.9-.031v-3.49c.111-.016.5-.031 1.04-.031c1.3 0 1.873.546 1.873 1.791c0 1.556-.916 1.761-2.012 1.761m.139-5.031c-1.054 0-2.095.016-2.622.031c-.069 0-.083.031-.083.109v9.93c0 .078.028.109.1.109H15c.069 0 .1-.031.1-.125V21.13h.86c2.039 0 3.718-.658 3.718-3.132c-.014-1.805-.818-3.378-3.538-3.378m6.935 2.598a2.266 2.266 0 0 0-2.539 2.257c0 1.136.5 1.743 1.928 2.4c1 .451 1.249.685 1.249 1.089c0 .342-.222.7-.86.7a4.067 4.067 0 0 1-2.247-.841a.056.056 0 0 0-.034-.012c-.033 0-.063.032-.063.09v1.432a.159.159 0 0 0 .083.156a3.942 3.942 0 0 0 2.15.607a2.317 2.317 0 0 0 2.594-2.4c0-1.121-.61-1.7-2.039-2.35c-1.04-.467-1.221-.669-1.221-1.043c0-.3.18-.654.86-.654a3.8 3.8 0 0 1 1.928.591a.094.094 0 0 0 .052.018c.043 0 .073-.043.073-.112v-1.274a.224.224 0 0 0-.083-.2a3.365 3.365 0 0 0-1.831-.451"
+  ></path>`,
+    },
+    props
+  )
+}
+
+export function VscodeIconsFileTypeAi2(props: IconProps) {
+  return IconTemplate(
+    {
+      a: {
+        viewBox: "0 0 32 32",
+      },
+      c: `<path
+    fill="#909090"
+    d="m24.037 2.072l5.564 5.8v22.056H8.814V30H29.67V7.945l-5.633-5.873"
+  ></path>
+  <path
+    fill="#231612"
+    d="M23.965 2H8.742v27.928H29.6V7.873L23.965 2"
+  ></path>
+  <path fill="#4c4442" d="M23.893 2.072v5.874h5.633l-5.633-5.874"></path>
+  <path fill="#f36617" d="M23.965 2v5.873H29.6L23.965 2Z"></path>
+  <path fill="#909090" d="M2.384 10.264h6.359V3.432H2.384v6.832Z"></path>
+  <path fill="#4c4442" d="M8.743 10.264h13.718V3.432H8.743v6.832Z"></path>
+  <path fill="#f36617" d="M22.407 10.211H2.33V3.379h20.077v6.832"></path>
+  <path
+    fill="#f46c25"
+    d="M18.1 20.619c-.275-1.07-.948-3.226-1.223-4.344h-.014c-.206 1.054-.769 2.859-1.181 4.344H18.1Zm-2.775 1.566l-.838 2.779c-.014.1-.055.128-.137.128h-1.4c-.1 0-.124-.048-.1-.16a858.912 858.912 0 0 1 2.871-9.279a3.686 3.686 0 0 0 .11-.878a.086.086 0 0 1 .082-.1h1.9c.069 0 .082.016.11.08c1.016 3.274 2.129 6.884 3.173 10.19q.041.144-.082.144h-1.542c-.069 0-.1-.032-.124-.1l-.879-2.811h-3.146m6.967-4.631c0-.1.027-.128.094-.128h1.431c.081 0 .108.016.108.128v7.506c0 .08-.027.128-.108.128h-1.4c-.081 0-.121-.032-.121-.144v-7.49Zm-.09-2.173a.918.918 0 0 1 .918-.99a.884.884 0 0 1 .891.99a.908.908 0 1 1-1.809 0"
+  ></path>
+  <path
+    fill="#231612"
+    d="M11.238 5.279h-.013L10.9 7.352h.652ZM9.5 9.3l1.06-4.86h1.355l1.033 4.86H11.81l-.15-1.133h-.882L10.634 9.3H9.5m3.938 0V4.44h1.086V9.3h-1.086"
+  ></path>F`,
+    },
+    props
+  )
+}

src/components/index.ts

@@ -11,3 +11,4 @@ export * from "./ModalInput"
 export * from "./ModalTwoInput"
 export * from "./Base"
 export * from "./Paginator"
+export * from "./icons"

src/utils/icon.ts

@@ -22,6 +22,10 @@ import { IoFolder } from "solid-icons/io"
 import { ImAndroid } from "solid-icons/im"
 import { Obj, ObjType } from "~/types"
 import { ext } from "./path"
+import {
+  VscodeIconsFileTypeAi2,
+  VscodeIconsFileTypePhotoshop2,
+} from "~/components"
 
 const iconMap = {
   "dmg,ipa,plist,tipa": BsApple,
@@ -37,6 +41,8 @@ const iconMap = {
   "xls,xlsx": BsFileEarmarkExcelFill,
   "ppt,pptx": BsFileEarmarkPptFill,
   pdf: BsFileEarmarkPdfFill,
+  psd: VscodeIconsFileTypePhotoshop2,
+  ai: VscodeIconsFileTypeAi2,
 }
 
 export const getIconByTypeAndExt = (type: number, ext: string) => {