/* * Minio Browser (C) 2016 Minio, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ import React from 'react' import connect from 'react-redux/lib/components/connect' let Path = ({currentBucket, currentPath, selectPrefix}) => { let dirPath = [] let path = '' if (currentPath) { path = currentPath.split('/').map((dir, i) => { dirPath.push(dir) let dirPath_ = dirPath.join('/') + '/' return <span key={ i }><a href="" onClick={ (e) => selectPrefix(e, dirPath_) }>{ dir }</a></span> }) } return ( <h2><span className="main"><a onClick={ (e) => selectPrefix(e, '') } href="">{ currentBucket }</a></span>{ path }</h2> ) } export default connect(state => { return { currentBucket: state.currentBucket, currentPath: state.currentPath } })(Path)