Style/assert option bg (#2867)

* remove old theme configs

* style bg manage from Assertion Comp for AssertionOperator
This commit is contained in:
Pragadesh-45 2024-08-21 10:37:59 +05:30 committed by GitHub
parent d3e57d0ea6
commit 3ad4eda861
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 4 additions and 10 deletions

View File

@ -1,7 +1,4 @@
import React from 'react'; import React from 'react';
import { useTheme } from 'providers/Theme/index';
import darkTheme from 'themes/dark';
import lightTheme from 'themes/light';
/** /**
* Assertion operators * Assertion operators
@ -81,16 +78,10 @@ const AssertionOperator = ({ operator, onChange }) => {
} }
}; };
const { storedTheme } = useTheme();
return ( return (
<select value={operator} onChange={handleChange} className="mousetrap"> <select value={operator} onChange={handleChange} className="mousetrap">
{operators.map((operator) => ( {operators.map((operator) => (
<option <option key={operator} value={operator}>
style={{ backgroundColor: storedTheme === 'dark' ? darkTheme.bg : lightTheme.bg }}
key={operator}
value={operator}
>
{getLabel(operator)} {getLabel(operator)}
</option> </option>
))} ))}

View File

@ -55,6 +55,9 @@ const Wrapper = styled.div`
position: relative; position: relative;
top: 1px; top: 1px;
} }
option {
background-color: ${(props) => props.theme.bg};
}
`; `;
export default Wrapper; export default Wrapper;