feat(SW-892): Moved Pet Room Info Tooltip inside filter button

This commit is contained in:
Pontus Dreij
2024-11-14 10:23:06 +01:00
parent 446e1c7e51
commit 354e455684
3 changed files with 14 additions and 4 deletions

View File

@@ -1,8 +1,9 @@
import { useMemo } from "react"
import { useFormContext } from "react-hook-form"
import { HeartIcon } from "@/components/Icons"
import { HeartIcon, InfoCircleIcon } from "@/components/Icons"
import Caption from "@/components/TempDesignSystem/Text/Caption"
import { Tooltip } from "@/components/TempDesignSystem/Tooltip"
import styles from "./chip.module.css"
@@ -19,6 +20,7 @@ export default function FilterChip({
value,
selected,
disabled,
tooltipText,
}: FilterChipProps) {
const { register } = useFormContext()
@@ -43,6 +45,11 @@ export default function FilterChip({
<Caption type="bold" color={color} className={styles.caption}>
{label}
</Caption>
{tooltipText && (
<Tooltip text={tooltipText} position="bottom" arrow="right">
<InfoCircleIcon color="uiTextPlaceholder" />
</Tooltip>
)}
<input
aria-hidden
id={id || name}