From 348d068fc45dbef5278cd6a5e6a7c0adeb4568f2 Mon Sep 17 00:00:00 2001
From: Albert Folch <albertfolch@redeemeum.com>
Date: Fri, 13 Dec 2024 14:54:20 +0100
Subject: [PATCH] fix: selects

---
 .../src/components/form/BaseSelect.tsx        | 23 ++++++++++++-------
 .../Redeem/RedeemForm/RedeemForm.tsx          |  2 ++
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/packages/react-kit/src/components/form/BaseSelect.tsx b/packages/react-kit/src/components/form/BaseSelect.tsx
index fcf0534af..e88fb531e 100644
--- a/packages/react-kit/src/components/form/BaseSelect.tsx
+++ b/packages/react-kit/src/components/form/BaseSelect.tsx
@@ -6,6 +6,7 @@ import { checkIfValueIsEmpty } from "../../lib/object/checkIfValueIsEmpty";
 import { theme } from "../../theme";
 import { zIndex } from "../ui/zIndex";
 import type { BaseSelectProps, SelectDataProps } from "./types";
+import { useFixSelectFontSize } from "../../hooks/form/useFixSelectFontSize";
 
 const colors = theme.colors.light;
 
@@ -59,14 +60,20 @@ export default function BaseSelect({
   const handleChange = (option: SingleValue<SelectDataProps>) => {
     onChange?.(option);
   };
-
+  const { jsx, selectClassName } = useFixSelectFontSize({
+    selectClassName: "boson-base-select"
+  });
   return (
-    <Select
-      styles={customStyles(null)}
-      {...props}
-      placeholder={placeholder}
-      options={options}
-      onChange={handleChange}
-    />
+    <>
+      {jsx}
+      <Select
+        styles={customStyles(null)}
+        {...props}
+        className={selectClassName}
+        placeholder={placeholder}
+        options={options}
+        onChange={handleChange}
+      />
+    </>
   );
 }
diff --git a/packages/react-kit/src/components/modal/components/Redeem/RedeemForm/RedeemForm.tsx b/packages/react-kit/src/components/modal/components/Redeem/RedeemForm/RedeemForm.tsx
index 0e7f41106..fe879dc3b 100644
--- a/packages/react-kit/src/components/modal/components/Redeem/RedeemForm/RedeemForm.tsx
+++ b/packages/react-kit/src/components/modal/components/Redeem/RedeemForm/RedeemForm.tsx
@@ -12,6 +12,7 @@ import { Typography } from "../../../../ui/Typography";
 import { FormModel } from "../RedeemFormModel";
 import { subgraph } from "@bosonprotocol/core-sdk";
 import { Select } from "../../../../form";
+import BaseSelect from "../../../../form/BaseSelect";
 interface Props {
   offer: subgraph.OfferFieldsFragment | null;
   isValid: boolean;
@@ -147,6 +148,7 @@ export default function RedeemForm({
             countries={fatfMemberCountries}
           />
         </Grid>
+        <BaseSelect options={[{ label: "hola2", value: "hola" }]} />
         <Grid flexDirection="column" alignItems="flex-start">
           <Input
             name={FormModel.formFields.email.name}