You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
80 lines
2.3 KiB
TypeScript
80 lines
2.3 KiB
TypeScript
import { shell } from 'electron';
|
|
import { isEmpty } from 'lodash';
|
|
import { Dispatch } from 'react';
|
|
import { useDispatch } from 'react-redux';
|
|
import styled from 'styled-components';
|
|
import { MessageInteraction } from '../../interactions';
|
|
import { OpenUrlModalState, updateOpenUrlModal } from '../../state/ducks/modalDialog';
|
|
import { SessionWrapperModal } from '../SessionWrapperModal';
|
|
import { SessionButton, SessionButtonColor, SessionButtonType } from '../basic/SessionButton';
|
|
import { SpacerMD } from '../basic/Text';
|
|
import { StyledI18nSubText } from '../basic/StyledI18nSubText';
|
|
import { StyledModalDescriptionContainer } from './shared/ModalDescriptionContainer';
|
|
|
|
const StyledScrollDescriptionContainer = styled(StyledModalDescriptionContainer)`
|
|
max-height: 110px;
|
|
overflow-y: auto;
|
|
`;
|
|
|
|
export function OpenUrlModal(props: OpenUrlModalState) {
|
|
const dispatch = useDispatch();
|
|
|
|
if (!props || isEmpty(props) || !props.urlToOpen) {
|
|
return null;
|
|
}
|
|
const url = props.urlToOpen;
|
|
|
|
function onClose() {
|
|
dispatch(updateOpenUrlModal(null));
|
|
}
|
|
|
|
function onClickOpen() {
|
|
void shell.openExternal(url);
|
|
onClose();
|
|
}
|
|
|
|
function onClickCopy() {
|
|
MessageInteraction.copyBodyToClipboard(url);
|
|
onClose();
|
|
}
|
|
|
|
return (
|
|
<SessionWrapperModal
|
|
title={window.i18n('urlOpen')}
|
|
onClose={onClose}
|
|
showExitIcon={true}
|
|
showHeader={true}
|
|
>
|
|
<div className="session-modal__centered">
|
|
<StyledScrollDescriptionContainer>
|
|
<StyledI18nSubText token="urlOpenDescription" asTag="span" args={{ url }} />
|
|
</StyledScrollDescriptionContainer>
|
|
</div>
|
|
<SpacerMD />
|
|
<div className="session-modal__button-group">
|
|
<SessionButton
|
|
text={window.i18n('open')}
|
|
buttonColor={SessionButtonColor.Danger}
|
|
buttonType={SessionButtonType.Simple}
|
|
onClick={onClickOpen}
|
|
dataTestId="session-confirm-ok-button"
|
|
/>
|
|
<SessionButton
|
|
text={window.i18n('urlCopy')}
|
|
buttonType={SessionButtonType.Simple}
|
|
onClick={onClickCopy}
|
|
dataTestId="session-confirm-cancel-button"
|
|
/>
|
|
</div>
|
|
</SessionWrapperModal>
|
|
);
|
|
}
|
|
|
|
export const showLinkVisitWarningDialog = (urlToOpen: string, dispatch: Dispatch<any>) => {
|
|
dispatch(
|
|
updateOpenUrlModal({
|
|
urlToOpen,
|
|
})
|
|
);
|
|
};
|