Merge pull request #163 from placetopay-org/feature/PT-7534-options-c…

…olors

feat: make sure the color of the selector options is correct

src/components/ApiReader.jsx

@@ -285,7 +285,7 @@ export const ApiResponses = ({ responses = {} }) => {
           onChange={(evt) => setSelected(evt.target.value)}
         >
           {Object.entries(responses).map(([code]) => (
-            <option key={`response-${code}`} value={code}>
+            <option className="text-gray-950" key={`response-${code}`} value={code}>
               {code}
             </option>
           ))}

src/components/Code.jsx

@@ -174,7 +174,7 @@ function CodeGroupHeader({ title, children, selectedIndex, onChange }) {
           onChange={(evt) => onChange(evt.target.value)}
         >
           {Children.map(children, (child, childIndex) => (
-            <option key={`response-${childIndex}`} value={childIndex}>
+            <option className="text-gray-950" key={`response-${childIndex}`} value={childIndex}>
               {getPanelTitle(child.props)}
             </option>
           ))}

src/components/LanguageSwitch.jsx

@@ -57,7 +57,7 @@ export const LanguageSwitch = () => {
         onChange={(event) => changeLocale(event.target.value)}
       >
         {LANGUAGES[locale].map(({ name, code }) => (
-          <option key={`language-switch-${name}-${code}`} value={code}>
+          <option className="text-gray-950" key={`language-switch-${name}-${code}`} value={code}>
             {name}
           </option>
         ))}

src/components/PinpadPlayground.jsx

@@ -96,7 +96,7 @@ const Select = ({ id, value, onChange, options }) => (
     onChange={onChange}
   >
     {options.map((option, index) => (
-      <option key={index} value={option.value}>
+      <option className="text-gray-950" key={index} value={option.value}>
         {option.label}
       </option>
     ))}