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.
29 lines
763 B
TypeScript
29 lines
763 B
TypeScript
5 years ago
|
import React from 'react';
|
||
|
|
import styled from 'styled-components';
|
||
|
|
|
||
|
|
const SessionExpiredWarningContainer = styled.div`
|
||
|
|
background: ${props => props.theme.colors.destructive};
|
||
|
|
color: black;
|
||
|
|
padding: ${props => props.theme.common.margins.sm};
|
||
|
|
margin: ${props => props.theme.common.margins.xs};
|
||
|
|
`;
|
||
|
|
|
||
|
|
const SessionExpiredWarningLink = styled.a`
|
||
|
|
color: black;
|
||
|
|
`;
|
||
|
|
|
||
|
|
export const SessionExpiredWarning = () => {
|
||
|
|
return (
|
||
|
|
<SessionExpiredWarningContainer>
|
||
|
|
<div>{window.i18n('expiredWarning')}</div>
|
||
|
|
<SessionExpiredWarningLink
|
||
|
|
href={'https://getsession.org'}
|
||
|
|
target="_blank"
|
||
|
|
rel="noopener noreferrer"
|
||
|
|
>
|
||
|
|
{window.i18n('upgrade')}
|
||
|
|
</SessionExpiredWarningLink>
|
||
|
|
</SessionExpiredWarningContainer>
|
||
|
|
);
|
||
|
|
};
|