new test for folders upload

resources/js/components/FilesView/Icons/AlphabetIcon.vue

@@ -1,10 +1,16 @@
 <template>
-   <svg class="alphabet-icon" fill="none" stroke="currentColor" stroke-width="2" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+   <svg class="alphabet-icon" fill="none" stroke="currentColor" stroke-width="2" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" :width="`${size}px`" :height="`${size}px`" viewBox="-2 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
         <polyline id="Path" points="11.1999993 13.1999991 5.59999967 0.199999094 0 13.1999991 5.59999967 0.199999094"></polyline>
         <line x1="2.25" y1="8" x2="8.75" y2="8" id="Line-2"></line>
 </svg>
 </template>
 
+<script>
+export default {
+    props: ['size']
+}
+</script>
+
 <style lang="scss">
 
     .alphabet-icon {

resources/js/components/FilesView/OptionUpload.vue

@@ -1,7 +1,8 @@
 <template>
     <label class="menu-option group">
         <div class="icon-left group-hover-text-theme">
-            <upload-cloud-icon size="17" class="group-hover-text-theme"/>
+            <upload-cloud-icon v-if="type === 'file'" size="17" class="group-hover-text-theme"/>
+            <folder-upload-icon v-if="type === 'folder'" size="17" class="group-hover-text-theme"/>
         </div>
         <div class="text-label group-hover-text-theme">
             {{ title }}
@@ -30,6 +31,7 @@
 </template>
 
 <script>
+import FolderUploadIcon from '/resources/js/components/FilesView/Icons/FolderUploadIcon'
 import {events} from '/resources/js/bus'
 import {
     UploadCloudIcon,
@@ -42,6 +44,7 @@ import {
         ],
         components: {
             UploadCloudIcon,
+            FolderUploadIcon,
         },
 		methods: {
 			emmitFiles(e) {