pleroma-fe

commit: 49ec95b8f66ff3a60e86b0a6027956d71fb6abf5
parent 1097b95fa5bb2a6b6479801579bd6c5b1d25bf55
Author: marcin mikołajczak <git@mkljczk.pl>
Date:   Tue, 24 Sep 2024 00:44:05 +0200

Add icon for folder selector

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>

Diffstat:
M
src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
4
++--
M
src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue
6
++++--

2 files changed, 6 insertions(+), 4 deletions(-)
diff --git a/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js b/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
@@ -1,10 +1,10 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
-import { faChevronRight } from '@fortawesome/free-solid-svg-icons'
+import { faChevronRight, faFolder } from '@fortawesome/free-solid-svg-icons'
 import { mapState } from 'vuex'
 
 import Popover from '../popover/popover.vue'
 
-library.add(faChevronRight)
+library.add(faChevronRight, faFolder)
 
 const StatusBookmarkFolderMenu = {
   props: [
diff --git a/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue b/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue
@@ -22,9 +22,11 @@
         </div>
       </template>
       <template #trigger>
-        <button class="menu-item dropdown-item -has-submenu">
-          {{ $t('bookmark_folders.select_folder') }}
+        <button class="menu-item dropdown-item dropdown-item-icon -has-submenu">
           <FAIcon
+            fixed-width
+            icon="folder"
+          />{{ $t('bookmark_folders.select_folder') }}<FAIcon
             class="chevron-icon"
             size="lg"
             icon="chevron-right"