@@ -13,7 +13,6 @@ import {
1313 toggleButtonStyles ,
1414 getToggleButtonStyle ,
1515} from "../../components/Pricing/PricingAddons/styles.js" ;
16- import { min } from "lodash" ;
1716
1817const customToggleButtonStyles = {
1918 container : {
@@ -45,56 +44,56 @@ const getCustomToggleButtonStyle = (isActive, baseStyle) => ({
4544export const CurrencySelect = ( { currency, setCurrency } ) => {
4645 return (
4746 < FormControl
48- variant = "outlined"
49- size = "small"
50- sx = { {
51- minWidth : 150 ,
52- "& .MuiInputLabel-root" : {
53- color : "white" ,
54- "&.Mui-focused" : { color : "#00B39F" } ,
55- } ,
56- "& .MuiOutlinedInput-root" : {
57- color : "white" ,
58- "& .MuiSelect-icon" : { color : "white" } ,
59- "& .MuiOutlinedInput-notchedOutline" : { borderColor : "white" } ,
60- "&.Mui-focused .MuiOutlinedInput-notchedOutline" : {
61- borderColor : "#00B39F" ,
62- } ,
63- } ,
64- "&:hover" : {
65- "& .MuiInputLabel-root" : { color : "#00B39F" } ,
66- "& .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline" : {
67- borderColor : "#00B39F" ,
68- borderWidth : "2px" ,
69- } ,
70- } ,
71- } }
72- >
73- < InputLabel id = "currency-selector-label" > Currency</ InputLabel >
74- < Select
75- labelId = "currency-selector-label"
76- value = { currency }
77- onChange = { ( e ) => {
78- setCurrency ( e . target . value ) ;
79- } }
80- label = "Currency"
81- renderValue = { ( value ) => (
82- < Box sx = { { display : "flex" , alignItems : "center" , gap : 1 , color : "#fff" } } >
83- < Typography variant = "body1" > { Currencies [ value ] ?. symbol } </ Typography >
84- < Typography variant = "body2" > { Currencies [ value ] ?. name } </ Typography >
85- </ Box >
86- ) }
87- >
88- { Object . entries ( Currencies ) . map ( ( [ code , { symbol, name } ] ) => (
89- < MenuItem key = { code } value = { code } >
90- < Box sx = { { display : "flex" , alignItems : "center" , gap : 1 } } >
91- < Typography variant = "body1" > { symbol } </ Typography >
92- < Typography variant = "body2" > { name } </ Typography >
93- </ Box >
94- </ MenuItem >
95- ) ) }
96- </ Select >
97- </ FormControl >
47+ variant = "outlined"
48+ size = "small"
49+ sx = { {
50+ minWidth : 150 ,
51+ "& .MuiInputLabel-root" : {
52+ color : "white" ,
53+ "&.Mui-focused" : { color : "#00B39F" } ,
54+ } ,
55+ "& .MuiOutlinedInput-root" : {
56+ color : "white" ,
57+ "& .MuiSelect-icon" : { color : "white" } ,
58+ "& .MuiOutlinedInput-notchedOutline" : { borderColor : "white" } ,
59+ "&.Mui-focused .MuiOutlinedInput-notchedOutline" : {
60+ borderColor : "#00B39F" ,
61+ } ,
62+ } ,
63+ "&:hover" : {
64+ "& .MuiInputLabel-root" : { color : "#00B39F" } ,
65+ "& .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline" : {
66+ borderColor : "#00B39F" ,
67+ borderWidth : "2px" ,
68+ } ,
69+ } ,
70+ } }
71+ >
72+ < InputLabel id = "currency-selector-label" > Currency</ InputLabel >
73+ < Select
74+ labelId = "currency-selector-label"
75+ value = { currency }
76+ onChange = { ( e ) => {
77+ setCurrency ( e . target . value ) ;
78+ } }
79+ label = "Currency"
80+ renderValue = { ( value ) => (
81+ < Box sx = { { display : "flex" , alignItems : "center" , gap : 1 , color : "#fff" } } >
82+ < Typography variant = "body1" > { Currencies [ value ] ?. symbol } </ Typography >
83+ < Typography variant = "body2" > { Currencies [ value ] ?. name } </ Typography >
84+ </ Box >
85+ ) }
86+ >
87+ { Object . entries ( Currencies ) . map ( ( [ code , { symbol, name } ] ) => (
88+ < MenuItem key = { code } value = { code } >
89+ < Box sx = { { display : "flex" , alignItems : "center" , gap : 1 } } >
90+ < Typography variant = "body1" > { symbol } </ Typography >
91+ < Typography variant = "body2" > { name } </ Typography >
92+ </ Box >
93+ </ MenuItem >
94+ ) ) }
95+ </ Select >
96+ </ FormControl >
9897 ) ;
9998} ;
10099
0 commit comments