jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui) - funnel isseues dropdown

Browse source
This commit is contained in:
Shekar Siri 2022-11-15 16:38:46 +01:00
parent e866e95346
commit 59f3245bf3
1 changed files with 19 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
frontend/app/components/Dashboard/components/Funnels/FunnelIssuesDropdown/FunnelIssuesDropdown.tsx
View file

@ -49,7 +49,8 @@ function FunnelIssuesDropdown() {
}
}
const onClickOutside = () => {
const onClickOutside = (e: any) => {
if (e.target.id === 'dd-button') return;
if (isOpen) {
setTimeout(() => {
setIsOpen(false);
@ -85,21 +86,23 @@ function FunnelIssuesDropdown() {
IndicatorSeparator: (): any => null,
IndicatorsContainer: (): any => null,
Control: ({ children, ...props }: any) => (
<components.Control {...props}>
<OutsideClickDetectingDiv
// className={ cn("relative flex items-center", { "flex-1" : fullWidth }) }
onClickOutside={onClickOutside}
>
{ children }
<button
className="px-2 py-1 bg-white rounded-2xl border border-teal border-dashed color-teal flex items-center hover:bg-active-blue"
onClick={() => setIsOpen(!isOpen)}
>
<Icon name="funnel" size={16} color="teal" />
<span className="ml-2">Issues</span>
</button>
</OutsideClickDetectingDiv>
</components.Control>
<OutsideClickDetectingDiv
className="relative items-center block"
onClickOutside={onClickOutside}
>
<components.Control {...props}>
{ children }
<button
id="dd-button"
className="px-2 py-1 bg-white rounded-2xl border border-teal border-dashed color-teal flex items-center hover:bg-active-blue select-none"
onClick={() => setIsOpen(!isOpen)}
>
<Icon name="funnel" size={16} color="teal" className="pointer-events-none" />
<span className="ml-2 pointer-events-none">Issues</span>
</button>
</components.Control>
</OutsideClickDetectingDiv>
),
Placeholder: (): any => null,
SingleValue: (): any => null,