Mirrors/uppy
1
0
Fork 0
mirror of https://github.com/transloadit/uppy.git synced 2026-07-25 19:23:55 +00:00
Code Issues Projects Releases Wiki Activity

fix: provider views breadcrumbs is failed to render (#1914)

Browse source 
* fix: provider views's breadcrumbs is failed to render

* fix eslint

* provider-views: use JSX syntax for Breadcrumbs
This commit is contained in:
HuyDD 2019-10-28 17:55:02 +07:00 • committed by Renée Kooi
parent ed1405d9c4
commit 0ef77e24b0
1 changed files with 20 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

37
packages/@uppy/provider-views/src/Breadcrumbs.js
View file

@ -1,18 +1,20 @@
const { h } = require('preact')
// TODO use Fragment when upgrading to preact X
/* eslint-disable react/jsx-key */
const Breadcrumb = (props) => [
<button
type="button"
class="uppy-u-reset"
onclick={props.getFolder}
>
{props.title}
</button>,
!props.isLast ? ' / ' : ''
]
/* eslint-enable react/jsx-key */
const Breadcrumb = (props) => {
return (
<span>
<button
type="button"
class="uppy-u-reset"
onclick={props.getFolder}
>
{props.title}
</button>
{!props.isLast ? ' / ' : ''}
</span>
)
}
module.exports = (props) => {
return (
@ -20,11 +22,12 @@ module.exports = (props) => {
<div class="uppy-Provider-breadcrumbsIcon">{props.breadcrumbsIcon}</div>
{
props.directories.map((directory, i) => (
Breadcrumb({
getFolder: () => props.getFolder(directory.id),
title: i === 0 ? props.title : directory.title,
isLast: i + 1 === props.directories.length
})
<Breadcrumb
key={directory.id}
getFolder={() => props.getFolder(directory.id)}
title={i === 0 ? props.title : directory.title}
isLast={i + 1 === props.directories.length}
/>
))
}
</div>