From 722b2f3ea0f1dabba738a81c031a2a1d36ea25b8 Mon Sep 17 00:00:00 2001
From: Raymond Jacobson <ray@audius.co>
Date: Thu, 12 Sep 2024 10:59:33 -0700
Subject: [PATCH] [QA-1723] Fix filter options button helper text

---
 .../button/FilterButton/FilterButtonOption.tsx         | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/packages/harmony/src/components/button/FilterButton/FilterButtonOption.tsx b/packages/harmony/src/components/button/FilterButton/FilterButtonOption.tsx
index 5e734442cbd..3c68cc0be99 100644
--- a/packages/harmony/src/components/button/FilterButton/FilterButtonOption.tsx
+++ b/packages/harmony/src/components/button/FilterButton/FilterButtonOption.tsx
@@ -87,6 +87,16 @@ export const FilterButtonOption = forwardRef(function <Value extends string>(
       <Text variant='body' strength='strong'>
         {option.label ?? option.value}
       </Text>
+      {option.helperText ? (
+        <Text
+          variant='body'
+          strength='strong'
+          color={option.value === activeValue ? 'staticWhite' : 'subdued'}
+          className='helperText'
+        >
+          {option.helperText}
+        </Text>
+      ) : null}
     </BaseButton>
   )
 })