From d06ea4fcefc4d3ee4a91bac5a661ef137c09bd55 Mon Sep 17 00:00:00 2001
From: Pavel Meyer <meyerpavel1207@gmail.com>
Date: Mon, 27 Nov 2023 11:22:24 +0300
Subject: [PATCH] CW-Hotfix-staging Fix code

---
 .../components/ProposalTypeSelect/ProposalTypeSelect.tsx | 9 ++++++---
 .../components/ProposalTypeSelect/selectorStyles.ts      | 5 +----
 src/shared/components/Form/Select/Select.tsx             | 7 +++++--
 src/shared/components/Form/Select/selectorStyles.ts      | 5 +----
 4 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/pages/common/components/CommonTabPanels/components/FeedTab/components/NewProposalCreation/components/ProposalTypeSelect/ProposalTypeSelect.tsx b/src/pages/common/components/CommonTabPanels/components/FeedTab/components/NewProposalCreation/components/ProposalTypeSelect/ProposalTypeSelect.tsx
index b7e87c2b06..6242d133de 100644
--- a/src/pages/common/components/CommonTabPanels/components/FeedTab/components/NewProposalCreation/components/ProposalTypeSelect/ProposalTypeSelect.tsx
+++ b/src/pages/common/components/CommonTabPanels/components/FeedTab/components/NewProposalCreation/components/ProposalTypeSelect/ProposalTypeSelect.tsx
@@ -4,7 +4,8 @@ import { useFormikContext } from "formik";
 import { ProposalsTypes } from "@/shared/constants";
 import { RightArrowThinIcon } from "@/shared/icons";
 import { NewProposalCreationFormValues } from "@/shared/interfaces";
-import { SelectorStyles } from "./selectorStyles";
+import useThemeColor from "@/shared/hooks/useThemeColor";
+import { selectorStyles } from "./selectorStyles";
 import styles from "./ProposalTypeSelect.module.scss";
 
 interface ProposalTypeSelectProps {
@@ -37,7 +38,9 @@ const getProposalOptions = (commonBalance: number) => {
 
 const ProposalTypeSelect = ({ commonBalance }: ProposalTypeSelectProps) => {
   const { values, setFieldValue, handleBlur, touched, errors } =
-    useFormikContext<NewProposalCreationFormValues>();
+  useFormikContext<NewProposalCreationFormValues>();
+  
+  const { getThemeColor } = useThemeColor();
   const hasError = Boolean(touched.proposalType && errors.proposalType);
 
   return (
@@ -52,7 +55,7 @@ const ProposalTypeSelect = ({ commonBalance }: ProposalTypeSelectProps) => {
         }}
         onBlur={handleBlur("proposalType")}
         hideSelectedOptions={false}
-        styles={SelectorStyles(hasError)}
+        styles={selectorStyles(hasError, getThemeColor)}
         components={{
           DropdownIndicator,
         }}
diff --git a/src/pages/common/components/CommonTabPanels/components/FeedTab/components/NewProposalCreation/components/ProposalTypeSelect/selectorStyles.ts b/src/pages/common/components/CommonTabPanels/components/FeedTab/components/NewProposalCreation/components/ProposalTypeSelect/selectorStyles.ts
index 02834be093..2c8a90ff5b 100644
--- a/src/pages/common/components/CommonTabPanels/components/FeedTab/components/NewProposalCreation/components/ProposalTypeSelect/selectorStyles.ts
+++ b/src/pages/common/components/CommonTabPanels/components/FeedTab/components/NewProposalCreation/components/ProposalTypeSelect/selectorStyles.ts
@@ -1,9 +1,6 @@
 import { ThemeColors } from "@/shared/constants";
-import useThemeColor from "@/shared/hooks/useThemeColor";
-
-export const SelectorStyles = (hasError: boolean) => {
-  const { getThemeColor } = useThemeColor();
 
+export const selectorStyles = (hasError: boolean, getThemeColor: (color: ThemeColors) => string) => {
   return {
     menu: (provided) => ({ ...provided, zIndex: 10000 }),
     menuPortal: (provided) => ({ ...provided, zIndex: 10000 }),
diff --git a/src/shared/components/Form/Select/Select.tsx b/src/shared/components/Form/Select/Select.tsx
index 9c8ba54f6e..7a73da21d5 100644
--- a/src/shared/components/Form/Select/Select.tsx
+++ b/src/shared/components/Form/Select/Select.tsx
@@ -2,9 +2,10 @@ import React, { FC } from "react";
 import Select, { components, DropdownIndicatorProps } from "react-select";
 import classNames from "classnames";
 import { useFormikContext } from "formik";
+import useThemeColor from "@/shared/hooks/useThemeColor";
 import { RightArrowThinIcon } from "@/shared/icons";
 import { SelectOptionType } from "@/shared/interfaces/Select";
-import { SelectorStyles } from "./selectorStyles";
+import { selectorStyles } from "./selectorStyles";
 import styles from "./Select.module.scss";
 
 interface FormSelectProps {
@@ -38,6 +39,8 @@ const FormSelect: FC<FormSelectProps> = ({
 }) => {
   const { values, setFieldValue, handleBlur, touched, errors } =
     useFormikContext<Record<string, unknown>>();
+
+  const { getThemeColor } = useThemeColor();
   const hasError = Boolean(touched[formName] && errors[formName]);
 
   return (
@@ -54,7 +57,7 @@ const FormSelect: FC<FormSelectProps> = ({
         }}
         onBlur={handleBlur(formName)}
         hideSelectedOptions={false}
-        styles={SelectorStyles(hasError)}
+        styles={selectorStyles(hasError, getThemeColor)}
         components={{
           DropdownIndicator,
         }}
diff --git a/src/shared/components/Form/Select/selectorStyles.ts b/src/shared/components/Form/Select/selectorStyles.ts
index 341639f46e..9de9905eb7 100644
--- a/src/shared/components/Form/Select/selectorStyles.ts
+++ b/src/shared/components/Form/Select/selectorStyles.ts
@@ -1,9 +1,6 @@
 import { ThemeColors } from "@/shared/constants";
-import useThemeColor from "@/shared/hooks/useThemeColor";
-
-export const SelectorStyles = (hasError: boolean) => {
-  const { getThemeColor } = useThemeColor();
 
+export const selectorStyles = (hasError: boolean, getThemeColor: (color: ThemeColors) => string) => {
   return {
     menu: (provided) => ({ ...provided, zIndex: 10000 }),
     menuPortal: (provided) => ({ ...provided, zIndex: 10000 }),