mirror of
https://github.com/oxen-io/session-desktop.git
synced 2023-12-14 02:12:57 +01:00
running yarn ready
This commit is contained in:
parent
1560c83b2b
commit
3606987f32
|
@ -33,10 +33,10 @@ const StyledPillContainer = styled.div<PillContainerProps>`
|
|||
|
||||
const StyledPillContainerHoverable = styled.div<PillContainerProps>`
|
||||
background: none;
|
||||
|
||||
|
||||
position: relative;
|
||||
flex-direction: 'row';
|
||||
|
||||
|
||||
width: 50%;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
|
@ -45,7 +45,6 @@ const StyledPillContainerHoverable = styled.div<PillContainerProps>`
|
|||
margin: ${props => props.margin || ''};
|
||||
`;
|
||||
|
||||
|
||||
const StyledPillInner = styled.div<PillContainerProps>`
|
||||
background: green;
|
||||
background: none;
|
||||
|
@ -81,4 +80,4 @@ export const PillTooltipWrapper = (props: PillContainerProps) => {
|
|||
|
||||
export const PillContainerHoverable = (props: PillContainerProps) => {
|
||||
return <StyledPillInner {...props}>{props.children}</StyledPillInner>;
|
||||
};
|
||||
};
|
||||
|
|
|
@ -12,7 +12,7 @@ import { Flex } from '../basic/Flex';
|
|||
import { PillContainerHoverable, PillTooltipWrapper } from '../basic/PillContainer';
|
||||
import { H3 } from '../basic/Text';
|
||||
import { SessionSpinner } from './SessionSpinner';
|
||||
import styled, { DefaultTheme, useTheme } from "styled-components";
|
||||
import styled, { DefaultTheme, useTheme } from 'styled-components';
|
||||
// tslint:disable: no-void-expression
|
||||
|
||||
export type JoinableRoomProps = {
|
||||
|
@ -108,43 +108,39 @@ const SessionJoinableRoomRow = (props: JoinableRoomProps) => {
|
|||
|
||||
const handleMouseEnter = () => {
|
||||
setIsHovering(true);
|
||||
setDelayHandler(setTimeout(() => {
|
||||
setHoverDelayReached(true);
|
||||
}, 750))
|
||||
}
|
||||
setDelayHandler(
|
||||
setTimeout(() => {
|
||||
setHoverDelayReached(true);
|
||||
}, 750)
|
||||
);
|
||||
};
|
||||
const handleMouseLeave = () => {
|
||||
setIsHovering(false);
|
||||
setHoverDelayReached(false);
|
||||
if (delayHandler) {
|
||||
clearTimeout(delayHandler);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const showTooltip = hoverDelayReached && isHovering;
|
||||
|
||||
return (
|
||||
<PillTooltipWrapper>
|
||||
<PillContainerHoverable
|
||||
onClick={() => {
|
||||
props.onClick(props.completeUrl);
|
||||
}}
|
||||
margin="5px"
|
||||
padding="5px"
|
||||
onMouseEnter={handleMouseEnter}
|
||||
onMouseLeave={handleMouseLeave}
|
||||
>
|
||||
<SessionJoinableRoomAvatar {...props} />
|
||||
<SessionJoinableRoomName {...props} />
|
||||
</PillContainerHoverable>
|
||||
<PillTooltipWrapper>
|
||||
<PillContainerHoverable
|
||||
onClick={() => {
|
||||
props.onClick(props.completeUrl);
|
||||
}}
|
||||
margin="5px"
|
||||
padding="5px"
|
||||
onMouseEnter={handleMouseEnter}
|
||||
onMouseLeave={handleMouseLeave}
|
||||
>
|
||||
<SessionJoinableRoomAvatar {...props} />
|
||||
<SessionJoinableRoomName {...props} />
|
||||
</PillContainerHoverable>
|
||||
|
||||
|
||||
{showTooltip &&
|
||||
<StyledToolTip theme={theme}>
|
||||
{props.name}
|
||||
</StyledToolTip>
|
||||
}
|
||||
|
||||
</PillTooltipWrapper>
|
||||
{showTooltip && <StyledToolTip theme={theme}>{props.name}</StyledToolTip>}
|
||||
</PillTooltipWrapper>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
Loading…
Reference in a new issue