Skip to content
Snippets Groups Projects
Unverified Commit d82fc6fe authored by Hadi Cheaito's avatar Hadi Cheaito Committed by GitHub
Browse files

Adding dropdown arrow (#4847)

* Adding dropdown arrow

* Removing default arrows in profile
parent d785d398
No related branches found
No related tags found
No related merge requests found
...@@ -44,3 +44,9 @@ ...@@ -44,3 +44,9 @@
} }
} }
} }
#edit-user-dropdown {
&::after {
display: none;
}
}
...@@ -19,6 +19,7 @@ import React, { ...@@ -19,6 +19,7 @@ import React, {
} from 'react'; } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { Dropdown } from 'react-bootstrap'; import { Dropdown } from 'react-bootstrap';
import { ChevronDownIcon } from '@heroicons/react/20/solid';
import SelectContext from '../contexts/SelectContext'; import SelectContext from '../contexts/SelectContext';
import { ACTIONS } from '../constants/SelectConstants'; import { ACTIONS } from '../constants/SelectConstants';
import Option from './Option'; import Option from './Option';
...@@ -86,11 +87,13 @@ export default function Select({ ...@@ -86,11 +87,13 @@ export default function Select({
<SelectContext.Provider value={current}> <SelectContext.Provider value={current}>
<Dropdown id={id} className={`select d-grid mt-1 border-0 p-0 ${!isValid ? 'is-invalid' : ''}`}> <Dropdown id={id} className={`select d-grid mt-1 border-0 p-0 ${!isValid ? 'is-invalid' : ''}`}>
<Dropdown.Toggle <Dropdown.Toggle
id="edit-user-dropdown"
onBlur={handleBlur} onBlur={handleBlur}
className="text-start text-black border-1 form-control" className="text-start text-black border-1 form-control"
variant={isValid ? variant : 'delete'} variant={isValid ? variant : 'delete'}
> >
{selected.title} {selected.title}
<ChevronDownIcon className="hi-s text-muted float-end" />
</Dropdown.Toggle> </Dropdown.Toggle>
<Dropdown.Menu className="container-fluid"> <Dropdown.Menu className="container-fluid">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment