diff --git a/packages/bruno-app/src/components/RequestPane/QueryUrl/HttpMethodSelector/StyledWrapper.js b/packages/bruno-app/src/components/RequestPane/QueryUrl/HttpMethodSelector/StyledWrapper.js index 83a174c14..ae97efc8a 100644 --- a/packages/bruno-app/src/components/RequestPane/QueryUrl/HttpMethodSelector/StyledWrapper.js +++ b/packages/bruno-app/src/components/RequestPane/QueryUrl/HttpMethodSelector/StyledWrapper.js @@ -47,6 +47,11 @@ const Wrapper = styled.div` font-size: ${(props) => props.theme.font.size.sm}; font-weight: 500; } + + .caret { + color: ${(props) => props.theme.colors.text.muted}; + fill: ${(props) => props.theme.colors.text.muted}; + } `; export default Wrapper; diff --git a/packages/bruno-app/src/components/RequestPane/QueryUrl/HttpMethodSelector/index.js b/packages/bruno-app/src/components/RequestPane/QueryUrl/HttpMethodSelector/index.js index 1ad636e7d..29a8bb7d4 100644 --- a/packages/bruno-app/src/components/RequestPane/QueryUrl/HttpMethodSelector/index.js +++ b/packages/bruno-app/src/components/RequestPane/QueryUrl/HttpMethodSelector/index.js @@ -10,7 +10,7 @@ const KEY = Object.freeze({ ENTER: 'Enter', ESCAPE: 'Escape' }); const DEFAULT_METHOD = 'GET'; -const TriggerButton = ({ method, ...props }) => { +const TriggerButton = ({ method, showCaret, ...props }) => { const { theme } = useTheme(); const methodColor = useMemo(() => { const colorMap = { @@ -34,11 +34,12 @@ const TriggerButton = ({ method, ...props }) => { > {method} + {showCaret && } ); }; -const HttpMethodSelector = ({ method = DEFAULT_METHOD, onMethodSelect }) => { +const HttpMethodSelector = ({ method = DEFAULT_METHOD, onMethodSelect, showCaret = false }) => { const [isCustomMode, setIsCustomMode] = useState(false); const inputRef = useRef(); const selectedMethodRef = useRef(method); @@ -159,7 +160,7 @@ const HttpMethodSelector = ({ method = DEFAULT_METHOD, onMethodSelect }) => { placement="bottom-start" selectedItemId={selectedItemId} > - + diff --git a/packages/bruno-app/src/components/Sidebar/NewRequest/index.js b/packages/bruno-app/src/components/Sidebar/NewRequest/index.js index 401e044f4..e2fce1eb1 100644 --- a/packages/bruno-app/src/components/Sidebar/NewRequest/index.js +++ b/packages/bruno-app/src/components/Sidebar/NewRequest/index.js @@ -507,6 +507,7 @@ const NewRequest = ({ collectionUid, item, isEphemeral, onClose }) => { formik.setFieldValue('requestMethod', val)} + showCaret /> ) : null}