import { useState } from 'react'; import { safeDecodeURI } from 'next-basics'; import FilterButtons from 'components/common/FilterButtons'; import { emptyFilter, paramFilter } from 'lib/filters'; import { FILTER_RAW, FILTER_COMBINED } from 'lib/constants'; import MetricsTable from './MetricsTable'; import useMessages from 'hooks/useMessages'; import styles from './QueryParametersTable.module.css'; const filters = { [FILTER_RAW]: emptyFilter, [FILTER_COMBINED]: paramFilter, }; export function QueryParametersTable({ websiteId, showFilters, ...props }) { const [filter, setFilter] = useState(FILTER_COMBINED); const { formatMessage, labels } = useMessages(); const buttons = [ { label: formatMessage(labels.filterCombined), key: FILTER_COMBINED, }, { label: formatMessage(labels.filterRaw), key: FILTER_RAW }, ]; return ( <> {showFilters && } filter === FILTER_RAW ? ( x ) : (
{safeDecodeURI(p)}
{safeDecodeURI(v)}
) } delay={0} /> ); } export default QueryParametersTable;