From c1b7ab32310ef6b78776a568e95b6535986c9ab5 Mon Sep 17 00:00:00 2001
From: akhilmhdh <akhilmhdh@gmail.com>
Date: Wed, 18 Nov 2020 01:18:22 +0530
Subject: [PATCH] fixed click event on non-repeatable empty component

Signed-off-by: akhilmhdh <akhilmhdh@gmail.com>
---
 .../components/ComponentInitializer/index.js  | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/packages/strapi-plugin-content-manager/admin/src/components/ComponentInitializer/index.js b/packages/strapi-plugin-content-manager/admin/src/components/ComponentInitializer/index.js
index 2e62be4e98..6ab563ac5d 100644
--- a/packages/strapi-plugin-content-manager/admin/src/components/ComponentInitializer/index.js
+++ b/packages/strapi-plugin-content-manager/admin/src/components/ComponentInitializer/index.js
@@ -11,15 +11,16 @@ const ComponentInitializer = ({ componentUid, isReadOnly, name }) => {
   const { addNonRepeatableComponentToField } = useDataManager();
 
   return (
-    <NonRepeatableWrapper isEmpty isReadOnly={isReadOnly}>
-      <PlusButton
-        onClick={() => {
-          if (!isReadOnly) {
-            addNonRepeatableComponentToField(name, componentUid);
-          }
-        }}
-        type="button"
-      />
+    <NonRepeatableWrapper
+      isEmpty
+      isReadOnly={isReadOnly}
+      onClick={() => {
+        if (!isReadOnly) {
+          addNonRepeatableComponentToField(name, componentUid);
+        }
+      }}
+    >
+      <PlusButton type="button" />
       <FormattedMessage id={`${pluginId}.components.empty-repeatable`}>
         {msg => <P style={{ paddingTop: 78 }}>{msg}</P>}
       </FormattedMessage>