go.chromium.org/luci@v0.0.0-20240309015107-7cdc2e660f33/analysis/frontend/ui/src/components/rules_table/hooks.ts (about) 1 // Copyright 2023 The LUCI Authors. 2 // 3 // Licensed under the Apache License, Version 2.0 (the "License"); 4 // you may not use this file except in compliance with the License. 5 // You may obtain a copy of the License at 6 // 7 // http://www.apache.org/licenses/LICENSE-2.0 8 // 9 // Unless required by applicable law or agreed to in writing, software 10 // distributed under the License is distributed on an "AS IS" BASIS, 11 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 // See the License for the specific language governing permissions and 13 // limitations under the License. 14 15 import { ParamKeyValuePair, useSearchParams } from 'react-router-dom'; 16 17 export function useProblemFilterParam(validProblemIDs: string[]): [string, (problemID: string, replace?: boolean) => void] { 18 const [searchParams, setSearchParams] = useSearchParams(); 19 let problemFilter = searchParams.get('problem') || ''; 20 21 if (!validProblemIDs.includes(problemFilter)) { 22 // Invalid URL parameter. Clear the filter. 23 problemFilter = ''; 24 } 25 26 function updateProblemParam(problemID: string, replace = false) { 27 const params: ParamKeyValuePair[] = []; 28 29 for (const [k, v] of searchParams.entries()) { 30 if (k !== 'problem') { 31 params.push([k, v]); 32 } 33 } 34 35 if (problemID !== '') { 36 params.push(['problem', problemID]); 37 } 38 setSearchParams(params, { 39 replace, 40 }); 41 } 42 43 return [problemFilter, updateProblemParam]; 44 }