Merge remote-tracking branch 'origin/koni/dev/issue-renew-ui' into ko…

…ni/dev/merge-airdrop
Koniverse · May 31, 2024 · 4b8b8f2 · 4b8b8f2
2 parents a8a2d0a + 5c4ebeb
commit 4b8b8f2
Showing 1 changed file with 39 additions and 35 deletions.
diff --git a/packages/extension-koni-ui/src/Popup/Home/Invite/index.tsx b/packages/extension-koni-ui/src/Popup/Home/Invite/index.tsx
@@ -123,40 +123,44 @@ const Component = ({ className }: Props): React.ReactElement => {
           />
         </div>
 
-        <div className='invitation-buttons'>
-          <Button
-            block={true}
-            icon={(
-              <Icon
-                customSize={'20px'}
-                phosphorIcon={UserPlus}
-              />
-            )}
-            onClick={inviteFriend}
-            schema={'primary'}
-            shape={'round'}
-            size={'xs'}
-          >
-            {t('Invite now')}
-          </Button>
-
-          <Button
-            block={true}
-            icon={(
-              <Icon
-                customSize={'20px'}
-                phosphorIcon={Copy}
-                weight={'fill'}
-              />
-            )}
-            onClick={copyLink}
-            schema={'secondary'}
-            shape={'round'}
-            size={'xs'}
-          >
-            {t('Copy Link')}
-          </Button>
-        </div>
+        {
+          account && (
+            <div className='invitation-buttons'>
+              <Button
+                block={true}
+                icon={(
+                  <Icon
+                    customSize={'20px'}
+                    phosphorIcon={UserPlus}
+                  />
+                )}
+                onClick={inviteFriend}
+                schema={'primary'}
+                shape={'round'}
+                size={'xs'}
+              >
+                {t('Invite now')}
+              </Button>
+
+              <Button
+                block={true}
+                icon={(
+                  <Icon
+                    customSize={'20px'}
+                    phosphorIcon={Copy}
+                    weight={'fill'}
+                  />
+                )}
+                onClick={copyLink}
+                schema={'secondary'}
+                shape={'round'}
+                size={'xs'}
+              >
+                {t('Copy Link')}
+              </Button>
+            </div>
+          )
+        }
       </div>
 
       {
@@ -184,7 +188,7 @@ const Component = ({ className }: Props): React.ReactElement => {
   );
 };
 
-const Invite = styled(Component)<ThemeProps>(({ theme: { extendToken, token } }: ThemeProps) => {
+const Invite = styled(Component)<ThemeProps>(({theme: {extendToken, token } }: ThemeProps) => {
   return {
     overflow: 'hidden',
     display: 'flex',