From 2c2c9f5e7728914fc985c6413ee51263ab220685 Mon Sep 17 00:00:00 2001
From: davy-c <d.castel33@gmail.com>
Date: Fri, 19 Feb 2021 10:28:43 +0900
Subject: [PATCH] disable button when 1 person team

---
 .../organisms/settings/UpgradeTab.tsx         | 34 +++++++++++++++----
 1 file changed, 28 insertions(+), 6 deletions(-)

diff --git a/src/cloud/components/organisms/settings/UpgradeTab.tsx b/src/cloud/components/organisms/settings/UpgradeTab.tsx
index a7e2eb85c8..625fa6240c 100644
--- a/src/cloud/components/organisms/settings/UpgradeTab.tsx
+++ b/src/cloud/components/organisms/settings/UpgradeTab.tsx
@@ -189,12 +189,34 @@ const UpgradeTab = () => {
                         <div>per member per month</div>
                       </div>
 
-                      <CustomButton
-                        onClick={onUpgradeCallback}
-                        className='upgrade-btn'
-                      >
-                        Upgrade
-                      </CustomButton>
+                      {permissions.length < 2 ? (
+                        <Tooltip
+                          tooltip={
+                            <div style={{ maxWidth: 250 }}>
+                              The Pro Plan is only available for more than 2
+                              persons use. Your plan will be upgraded
+                              immediately to pro plan if you invite new members
+                              while having an active personal pro plan.
+                            </div>
+                          }
+                          side='top'
+                        >
+                          <CustomButton
+                            disabled={true}
+                            variant='inverse-secondary'
+                            className='upgrade-btn'
+                          >
+                            Upgrade
+                          </CustomButton>
+                        </Tooltip>
+                      ) : (
+                        <CustomButton
+                          onClick={onUpgradeCallback}
+                          className='upgrade-btn'
+                        >
+                          Upgrade
+                        </CustomButton>
+                      )}
                       {freeTrialContent}
                     </td>
                   </tr>