import {actionPromise} from "../reducers"; import {gql} from "../actions"; import {useState} from "react"; import {Link} from "react-router-dom"; import {connect} from "react-redux"; import {CTrack} from "./player"; const actionTrackSearch = (word) => ( actionPromise('trackFind', gql(`query trackById($q: String) { TrackFind(query: $q) { _id url originalFileName } }`, {q: JSON.stringify([ { $or: [{originalFileName: `/${word}/`}] }, { sort: [{originalFileName: 1}] } ]) } )) ) const TrackSearch = ({ onSearch }) => { const [value, setValue] = useState(""); return (