New feature flag with ability to migrate GV1 groups

ts/components/conversation/GroupV1DisabledActions.tsx

@@ -0,0 +1,49 @@
+// Copyright 2020 Signal Messenger, LLC
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import * as React from 'react';
+import { Intl } from '../Intl';
+import { LocalizerType } from '../../types/Util';
+
+export type PropsType = {
+  i18n: LocalizerType;
+  onStartGroupMigration: () => unknown;
+};
+
+export const GroupV1DisabledActions = ({
+  i18n,
+  onStartGroupMigration,
+}: PropsType): JSX.Element => {
+  return (
+    <div className="module-group-v1-disabled-actions">
+      <p className="module-group-v1-disabled-actions__message">
+        <Intl
+          i18n={i18n}
+          id="GroupV1--Migration--disabled"
+          components={{
+            learnMore: (
+              <a
+                href="https://support.signal.org/hc/articles/360007319331"
+                target="_blank"
+                rel="noreferrer"
+                className="module-group-v1-disabled-actions__message__learn-more"
+              >
+                {i18n('MessageRequests--learn-more')}
+              </a>
+            ),
+          }}
+        />
+      </p>
+      <div className="module-group-v1-disabled-actions__buttons">
+        <button
+          type="button"
+          onClick={onStartGroupMigration}
+          tabIndex={0}
+          className="module-group-v1-disabled-actions__buttons__button"
+        >
+          {i18n('MessageRequests--continue')}
+        </button>
+      </div>
+    </div>
+  );
+};