+
+ );
+};
export const SessionConfirm = withTheme(SessionConfirmInner);
diff --git a/ts/components/session/SessionIDResetDialog.tsx b/ts/components/session/SessionIDResetDialog.tsx
new file mode 100644
index 000000000..daf72d1bf
--- /dev/null
+++ b/ts/components/session/SessionIDResetDialog.tsx
@@ -0,0 +1,78 @@
+import React, { useState } from 'react';
+
+import { SessionModal } from './SessionModal';
+import { SessionButton, SessionButtonColor } from './SessionButton';
+import { DefaultTheme, withTheme } from 'styled-components';
+import {
+ SessionIcon,
+ SessionIconButton,
+ SessionIconSize,
+ SessionIconType,
+} from './icon';
+
+type Props = {
+ onClose: any;
+ theme: DefaultTheme;
+};
+/* tslint:disable:use-simple-attributes */
+
+const SessionIDResetDialogInner = (props: Props) => {
+ const [firstScreen, setFirstScreen] = useState(true);
+
+ const descFirst =
+ 'We’ve upgraded Session IDs to make them even more private and secure. We recommend upgrading to a new Session ID now.\n\n\
+ You will lose existing contacts and conversations, but you’ll gain even more privacy and security. You will need to upgrade your Session ID eventually, but you can choose to delay the upgrade if you need to save contacts or conversations.';
+
+ const descSecond =
+ 'You’re upgrading to a new Session ID. This will give you improved privacy and security, but it will clear ALL app data. Contacts and conversations will be lost. Proceed?';
+ return (
+ null}
+ onClose={props.onClose}
+ theme={props.theme}
+ >
+
+