From 7cb8aa0b4a1a28f0b6a4068be2cd328a228742ac Mon Sep 17 00:00:00 2001
From: "Tindo N. Arsel" <devtnga@gmail.com>
Date: Sat, 1 Apr 2023 04:28:29 +0100
Subject: [PATCH] update new folder icon (#177)

---
 src/assets/icons/NewFolderIcon.tsx | 23 +++++++++++++++++++++++
 src/components/Menu/NewFolder.tsx  |  4 ++--
 2 files changed, 25 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/icons/NewFolderIcon.tsx

diff --git a/src/assets/icons/NewFolderIcon.tsx b/src/assets/icons/NewFolderIcon.tsx
new file mode 100644
index 0000000..8729dc3
--- /dev/null
+++ b/src/assets/icons/NewFolderIcon.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+
+const NewFolderIcon = ({ className }: { className?: string }) => {
+  return (
+    <svg
+      stroke='currentColor'
+      fill='none'
+      strokeWidth='2'
+      viewBox='0 0 24 24'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      className={className ? className : 'h-4 w-4'}
+      height='1em'
+      width='1em'
+      xmlns='http://www.w3.org/2000/svg'
+    >
+      <path d="M12 19H5C3.89543 19 3 18.1046 3 17V7C3 5.89543 3.89543 5 5 5H9.58579C9.851 5 10.1054 5.10536 10.2929 5.29289L12 7H19C20.1046 7 21 7.89543 21 9V11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+      <path d="M18 14V17M18 20V17M18 17H15M18 17H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    </svg>
+  );
+};
+
+export default NewFolderIcon;
diff --git a/src/components/Menu/NewFolder.tsx b/src/components/Menu/NewFolder.tsx
index 65ab7d6..2145200 100644
--- a/src/components/Menu/NewFolder.tsx
+++ b/src/components/Menu/NewFolder.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 import useStore from '@store/store';
 
-import PlusIcon from '@icon/PlusIcon';
+import NewFolderIcon from '@icon/NewFolderIcon';
 
 const NewFolder = () => {
   const { t } = useTranslation();
@@ -38,7 +38,7 @@ const NewFolder = () => {
         if (!generating) addFolder();
       }}
     >
-      <PlusIcon />{' '}
+      <NewFolderIcon />{' '}
       <span className='hidden md:inline-flex text-white text-sm'>
         {t('newFolder')}
       </span>