/*
 * 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)