Quellcode durchsuchen

Add option to not show file name in Providers (for grid-views / Instagram)

Artur Paikin vor 7 Jahren
Ursprung
Commit
0ed7ccf01e

+ 2 - 1
src/plugins/Provider/view/Browser.js

@@ -50,7 +50,8 @@ module.exports = (props) => {
         getItemName: props.getItemName,
         getItemIcon: props.getItemIcon,
         handleScroll: props.handleScroll,
-        title: props.title
+        title: props.title,
+        showTitles: props.showTitles
       })}
       <button class="UppyButton--circular UppyButton--blue uppy-ProviderBrowser-doneBtn"
         type="button"

+ 4 - 2
src/plugins/Provider/view/Table.js

@@ -35,7 +35,8 @@ module.exports = (props) => {
             isDisabled: isDisabled,
             isChecked: isChecked,
             handleCheckboxClick: (e) => props.toggleCheckbox(e, folder),
-            columns: props.columns
+            columns: props.columns,
+            showTitles: props.showTitles
           })
         })}
         {props.files.map(file => {
@@ -48,7 +49,8 @@ module.exports = (props) => {
             isDisabled: false,
             isChecked: props.isChecked(file),
             handleCheckboxClick: (e) => props.toggleCheckbox(e, file),
-            columns: props.columns
+            columns: props.columns,
+            showTitles: props.showTitles
           })
         })}
       </ul>

+ 1 - 1
src/plugins/Provider/view/TableRow.js

@@ -41,7 +41,7 @@ module.exports = (props) => {
         aria-label={`Select ${props.title}`}
         tabindex="0"
         onclick={handleItemClick}>
-        {props.getItemIcon()} {props.title}
+        {props.getItemIcon()} {props.showTitles && props.title}
       </button>
     </li>
   )

+ 4 - 2
src/plugins/Provider/view/index.js

@@ -44,7 +44,8 @@ module.exports = class View {
 
     // set default options
     const defaultOptions = {
-      viewType: 'list'
+      viewType: 'list',
+      showTitles: true
     }
 
     // merge default options with the ones set by user
@@ -582,7 +583,8 @@ module.exports = class View {
       handleScroll: this.handleScroll,
       done: this.donePicking,
       title: this.plugin.title,
-      viewType: this.opts.viewType
+      viewType: this.opts.viewType,
+      showTitles: this.opts.showTitles
     })
 
     return Browser(browserProps)