diff --git a/webui/src/pages/repositories/index.jsx b/webui/src/pages/repositories/index.jsx index 3fe13e7599f..6ced908f25b 100644 --- a/webui/src/pages/repositories/index.jsx +++ b/webui/src/pages/repositories/index.jsx @@ -130,17 +130,17 @@ const GetStarted = ({onCreateSampleRepo, onCreateEmptyRepo, creatingRepo, create ); }; -const RepositoryList = ({ onPaginate, prefix, after, refresh, onCreateSampleRepo, onCreateEmptyRepo, toggleShowActionsBar, creatingRepo, createRepoError }) => { +const RepositoryList = ({ onPaginate, search, after, refresh, onCreateSampleRepo, onCreateEmptyRepo, toggleShowActionsBar, creatingRepo, createRepoError }) => { const {results, loading, error, nextPage} = useAPIWithPagination(() => { - return repositories.list(prefix, after); - }, [refresh, prefix, after]); + return repositories.list(search, after); + }, [refresh, search, after]); useEffect(() => { toggleShowActionsBar(); }, [toggleShowActionsBar]); if (loading) return ; if (error) return ; - if (!after && !prefix && results.length === 0) { + if (!after && !search && results.length === 0) { return ; } @@ -190,10 +190,10 @@ const RepositoriesPage = () => { const [creatingRepo, setCreatingRepo] = useState(false); const [showActionsBar, setShowActionsBar] = useState(false); - const routerPfx = (router.query.prefix) ? router.query.prefix : ""; - const [prefix, setPrefix] = useDebouncedState( + const routerPfx = (router.query.search) ? router.query.search : ""; + const [search, setsearch] = useDebouncedState( routerPfx, - (prefix) => router.push({pathname: `/repositories`, query: {prefix}}) + (search) => router.push({pathname: `/repositories`, query: {search}}) ); const { response, error: err, loading } = useAPI(() => config.getStorageConfig()); @@ -254,8 +254,8 @@ const RepositoriesPage = () => { setPrefix(event.target.value)} + value={search} + onChange={event => setsearch(event.target.value)} /> @@ -267,12 +267,12 @@ const RepositoriesPage = () => { } { const query = {after}; - if (router.query.prefix) query.prefix = router.query.prefix; + if (router.query.search) query.search = router.query.search; router.push({pathname: `/repositories`, query}); }} onCreateSampleRepo={createSampleRepoButtonCallback}