storj.io/minio@v0.0.0-20230509071714-0cbc90f649b1/browser/app/js/objects/ObjectsSearch.js (about) 1 /* 2 * MinIO Cloud Storage (C) 2020 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 actionsObjects from "./actions" 20 21 export const ObjectsSearch = ({ onChange }) => ( 22 <div 23 className="input-group ig-left ig-search-dark" 24 style={{ display: "block" }} 25 > 26 <input 27 className="ig-text" 28 type="input" 29 placeholder="Search Objects..." 30 onChange={e => onChange(e.target.value)} 31 /> 32 <i className="ig-helpers" /> 33 </div> 34 ) 35 36 const mapDispatchToProps = dispatch => { 37 return { 38 onChange: filter => 39 dispatch(actionsObjects.setFilter(filter)) 40 } 41 } 42 43 export default connect(undefined, mapDispatchToProps)(ObjectsSearch)