m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2024-11-22 09:57:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2378 from Maxime-J/filterTags

Browse Source 
Enhance filter tags
This commit is contained in:
Mike Cao 2023-11-30 15:51:53 -10:00 committed by GitHub
commit fc662446e6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/metrics/FilterTags.js
View File

@ -2,10 +2,12 @@ import { safeDecodeURI } from 'next-basics';
import { Button, Icon, Icons, Text } from 'react-basics'; import { Button, Icon, Icons, Text } from 'react-basics';
import useNavigation from 'components/hooks/useNavigation'; import useNavigation from 'components/hooks/useNavigation';
import useMessages from 'components/hooks/useMessages'; import useMessages from 'components/hooks/useMessages';
import useFormat from 'components/hooks/useFormat';
import styles from './FilterTags.module.css'; import styles from './FilterTags.module.css';
export function FilterTags({ params }) { export function FilterTags({ params }) {
const { formatMessage, labels } = useMessages(); const { formatMessage, labels } = useMessages();
const { formatValue } = useFormat();
const { const {
router, router,
makeUrl, makeUrl,
@ -34,7 +36,7 @@ export function FilterTags({ params }) {
return ( return (
<div key={key} className={styles.tag} onClick={() => handleCloseFilter(key)}> <div key={key} className={styles.tag} onClick={() => handleCloseFilter(key)}>
<Text> <Text>
<b>{`${key}`}</b> = {`${safeDecodeURI(params[key])}`} <b>{formatMessage(labels[key])}</b> = {formatValue(safeDecodeURI(params[key]), key)}
</Text> </Text>
<Icon> <Icon>
<Icons.Close /> <Icons.Close />

4
src/components/metrics/FilterTags.module.css
View File

@ -24,3 +24,7 @@
.tag:hover { .tag:hover {
background: var(--blue200); background: var(--blue200);
} }
.tag b {
text-transform: lowercase;
}