Support for creating New Groups

ts/components/conversationList/CreateNewGroupButton.tsx

@@ -0,0 +1,32 @@
+// Copyright 2021 Signal Messenger, LLC
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import React, { CSSProperties, FunctionComponent } from 'react';
+
+import { BaseConversationListItem } from './BaseConversationListItem';
+import { LocalizerType } from '../../types/Util';
+
+type PropsType = {
+  i18n: LocalizerType;
+  onClick: () => void;
+  style: CSSProperties;
+};
+
+export const CreateNewGroupButton: FunctionComponent<PropsType> = React.memo(
+  ({ i18n, onClick, style }) => {
+    const title = i18n('createNewGroupButton');
+
+    return (
+      <BaseConversationListItem
+        color="grey"
+        conversationType="group"
+        headerName={title}
+        i18n={i18n}
+        isSelected={false}
+        onClick={onClick}
+        style={style}
+        title={title}
+      />
+    );
+  }
+);