Style/assert option bg (usebruno#2867)

* remove old theme configs * style bg manage from Assertion Comp for AssertionOperator
Its-treason · Aug 24, 2024 · 7c21a6a · 7c21a6a
1 parent 36c5bdf
commit 7c21a6a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 10 deletions.
diff --git a/packages/bruno-app/src/components/RequestPane/Assertions/AssertionOperator/index.js b/packages/bruno-app/src/components/RequestPane/Assertions/AssertionOperator/index.js
@@ -1,7 +1,4 @@
 import React from 'react';
-import { useTheme } from 'providers/Theme/index';
-import darkTheme from 'themes/dark';
-import lightTheme from 'themes/light';
 
 /**
  * Assertion operators
@@ -81,16 +78,10 @@ const AssertionOperator = ({ operator, onChange }) => {
  }
  };
 
- const { storedTheme } = useTheme();
-
  return (
  <select value={operator} onChange={handleChange} className="mousetrap">
  {operators.map((operator) => (
- <option
- style={{ backgroundColor: storedTheme === 'dark' ? darkTheme.bg : lightTheme.bg }}
- key={operator}
- value={operator}
- >
+ <option key={operator} value={operator}>
  {getLabel(operator)}
  </option>
  ))}

diff --git a/packages/bruno-app/src/components/RequestPane/Assertions/StyledWrapper.js b/packages/bruno-app/src/components/RequestPane/Assertions/StyledWrapper.js
@@ -55,6 +55,9 @@ const Wrapper = styled.div`
  position: relative;
  top: 1px;
  }
+ option {
+ background-color: ${(props) => props.theme.bg};
+ }
 `;
 
 export default Wrapper;