github.com/turbot/steampipe@v1.7.0-rc.0.0.20240517123944-7cef272d4458/ui/dashboard/src/components/DashboardSearch/index.tsx (about)

     1  import SearchInput from "../SearchInput";
     2  import { DashboardActions } from "../../types";
     3  import { useCallback } from "react";
     4  import { useDashboard } from "../../hooks/useDashboard";
     5  
     6  const DashboardSearch = () => {
     7    const {
     8      availableDashboardsLoaded,
     9      breakpointContext: { minBreakpoint },
    10      dispatch,
    11      search,
    12      metadata,
    13    } = useDashboard();
    14  
    15    const updateSearchValue = useCallback(
    16      (value) =>
    17        dispatch({ type: DashboardActions.SET_DASHBOARD_SEARCH_VALUE, value }),
    18      [dispatch]
    19    );
    20  
    21    return (
    22      <div className="w-full sm:w-56 md:w-72 lg:w-96">
    23        <SearchInput
    24          //@ts-ignore
    25          disabled={!metadata || !availableDashboardsLoaded}
    26          placeholder={minBreakpoint("sm") ? "Search dashboards..." : "Search..."}
    27          value={search.value}
    28          setValue={updateSearchValue}
    29        />
    30      </div>
    31    );
    32  };
    33  
    34  export default DashboardSearch;