storj.io/minio@v0.0.0-20230509071714-0cbc90f649b1/browser/app/js/buckets/BucketSearch.js (about)

     1  /*
     2   * MinIO Cloud Storage (C) 2018 MinIO, Inc.
     3   *
     4   * Licensed under the Apache License, Version 2.0 (the "License");
     5   * you may not use this file except in compliance with the License.
     6   * You may obtain a copy of the License at
     7   *
     8   *     http://www.apache.org/licenses/LICENSE-2.0
     9   *
    10   * Unless required by applicable law or agreed to in writing, software
    11   * distributed under the License is distributed on an "AS IS" BASIS,
    12   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    13   * See the License for the specific language governing permissions and
    14   * limitations under the License.
    15   */
    16  
    17  import React from "react"
    18  import { connect } from "react-redux"
    19  import * as actionsBuckets from "./actions"
    20  
    21  export const BucketSearch = ({ onChange }) => (
    22    <div
    23      className="input-group ig-dark ig-left ig-search"
    24      style={{ display: "block" }}
    25    >
    26      <input
    27        className="ig-text"
    28        type="text"
    29        onChange={e => onChange(e.target.value)}
    30        placeholder="Search Buckets..."
    31      />
    32      <i className="ig-helpers" />
    33    </div>
    34  )
    35  
    36  const mapDispatchToProps = dispatch => {
    37    return {
    38      onChange: filter => {
    39        dispatch(actionsBuckets.setFilter(filter))
    40      }
    41    }
    42  }
    43  
    44  export default connect(undefined, mapDispatchToProps)(BucketSearch)