From 45703ec9f5f578c2f6b0b56d703f5ea79c32fbf4 Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Tue, 9 Feb 2021 13:57:20 +0100
Subject: [PATCH] Register action for parachains (#4636)

---
 .../page-parachains/src/Overview/Actions.tsx  | 28 +++++++++++++++----
 .../src/modals/RegisterThread.tsx             |  3 +-
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/packages/page-parachains/src/Overview/Actions.tsx b/packages/page-parachains/src/Overview/Actions.tsx
index b0ec665609..60b71c974c 100644
--- a/packages/page-parachains/src/Overview/Actions.tsx
+++ b/packages/page-parachains/src/Overview/Actions.tsx
@@ -4,17 +4,35 @@
 import React from 'react';
 
 import { Button } from '@polkadot/react-components';
+import { useApi, useToggle } from '@polkadot/react-hooks';
+
+import RegisterThread from '../modals/RegisterThread';
+import { useTranslation } from '../translate';
 
 interface Props {
   className?: string;
 }
 
-function Actions (): React.ReactElement<Props> {
+function Actions ({ className }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [isRegisterOpen, toggleRegisterOpen] = useToggle();
+
   return (
-    <>
-      <Button.Group>
-      </Button.Group>
-    </>
+    <Button.Group className={className}>
+      {api.tx.registrar.register && (
+        <>
+          <Button
+            icon='plus'
+            label={t<string>('Register')}
+            onClick={toggleRegisterOpen}
+          />
+          {isRegisterOpen && (
+            <RegisterThread onClose={toggleRegisterOpen} />
+          )}
+        </>
+      )}
+    </Button.Group>
   );
 }
 
diff --git a/packages/page-parachains/src/modals/RegisterThread.tsx b/packages/page-parachains/src/modals/RegisterThread.tsx
index ebafe1b09a..f79c9d2969 100644
--- a/packages/page-parachains/src/modals/RegisterThread.tsx
+++ b/packages/page-parachains/src/modals/RegisterThread.tsx
@@ -41,6 +41,7 @@ function RegisterThread ({ className, onClose }: Props): React.ReactElement<Prop
     <Modal
       className={className}
       header={t<string>('Register parathread')}
+      size='large'
     >
       <Modal.Content>
         <Modal.Columns>
@@ -106,7 +107,7 @@ function RegisterThread ({ className, onClose }: Props): React.ReactElement<Prop
           isDisabled={!isWasmValid || !genesisState}
           onStart={onClose}
           params={[paraId, genesisState, wasm]}
-          tx={api.tx.registrar.registerParathread}
+          tx={api.tx.registrar.register}
         />
       </Modal.Actions>
     </Modal>