oxen-io/session-desktop
1
0
Fork 0
mirror of https://github.com/oxen-io/session-desktop.git synced 2023-12-14 02:12:57 +01:00
Code Issues Projects Releases Wiki Activity

linting, formatting, testing

Browse source
This commit is contained in:
Warrick Corfe-Tan 2021-07-20 15:23:48 +10:00
parent 28924a63bb
commit ca4dec9fda
1 changed files with 20 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
ts/components/session/SessionWrapperModal.tsx
View file

@ -64,27 +64,22 @@ export const SessionWrapperModal = (props: SessionWrapperModalType) => {
if (!modalRef.current?.contains(e.target)) { if (!modalRef.current?.contains(e.target)) {
props.onClose?.(); props.onClose?.();
} }
} };
useEffect(() => { useEffect(() => {
document.addEventListener("mousedown", handleClick); document.addEventListener('mousedown', handleClick);
return () => { return () => {
document.removeEventListener("mousedown", handleClick); document.removeEventListener('mousedown', handleClick);
} };
}, []) }, []);
return ( return (
<div <div
className={classNames( className={classNames('loki-dialog modal', additionalClassName ? additionalClassName : null)}
`loki-dialog modal`, >
additionalClassName ? additionalClassName : null <div className="session-confirm-wrapper">
)}> <div ref={modalRef} className="session-modal">
<div
className="session-confirm-wrapper">
<div
ref={modalRef}
className="session-modal">
{showHeader ? ( {showHeader ? (
<div className={classNames('session-modal__header', headerReverse && 'reverse')}> <div className={classNames('session-modal__header', headerReverse && 'reverse')}>
<div className="session-modal__header__close"> <div className="session-modal__header__close">
@ -101,17 +96,17 @@ export const SessionWrapperModal = (props: SessionWrapperModalType) => {
<div className="session-modal__header__icons"> <div className="session-modal__header__icons">
{headerIconButtons {headerIconButtons
? headerIconButtons.map((iconItem: any) => { ? headerIconButtons.map((iconItem: any) => {
return ( return (
<SessionIconButton <SessionIconButton
key={iconItem.iconType} key={iconItem.iconType}
iconType={iconItem.iconType} iconType={iconItem.iconType}
iconSize={SessionIconSize.Large} iconSize={SessionIconSize.Large}
iconRotation={iconItem.iconRotation} iconRotation={iconItem.iconRotation}
onClick={iconItem.onClick} onClick={iconItem.onClick}
theme={theme} theme={theme}
/> />
); );
}) })
: null} : null}
</div> </div>
</div> </div>