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

components/HotelReservation/SelectRate/RoomFilter/index.tsx

@@ -111,11 +111,13 @@ export default function RoomFilter({
                 }
                 selected={getValues(option.code)}
                 Icon={getIconForFeatureCode(option.code)}
+                tooltipText={
+                  option.code === RoomPackageCodeEnum.PET_ROOM
+                    ? tooltipText
+                    : undefined
+                }
               />
             ))}
-            <Tooltip text={tooltipText} position="bottom" arrow="right">
-              <InfoCircleIcon color="uiTextPlaceholder" />
-            </Tooltip>
           </div>
         </form>
       </FormProvider>

components/TempDesignSystem/Form/FilterChip/_Chip/index.tsx

@@ -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}

types/components/form/filterChip.ts

@@ -11,6 +11,7 @@ export interface FilterChipProps {
   value?: string
   selected?: boolean
   disabled?: boolean
+  tooltipText: string | undefined
 }
 
 export type FilterChipCheckboxProps = Omit<FilterChipProps, "type">