From 5bd94eff56248a59f5ff4da9037aa19ff4033407 Mon Sep 17 00:00:00 2001
From: Misha Bragin <bangvalo@gmail.com>
Date: Thu, 23 Mar 2023 12:10:27 +0100
Subject: [PATCH] Fix add peer popup tab layout on mobile (#154)

---
 src/components/addpeer/AddPeerPopup.tsx | 5 ++++-
 src/views/Peers.tsx                     | 1 -
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/addpeer/AddPeerPopup.tsx b/src/components/addpeer/AddPeerPopup.tsx
index 05a7df05..9af5356a 100644
--- a/src/components/addpeer/AddPeerPopup.tsx
+++ b/src/components/addpeer/AddPeerPopup.tsx
@@ -32,6 +32,9 @@ export const AddPeerPopup: React.FC<Props> = ({
 
     const [openTab, setOpenTab] = useState(detectOSTab);
 
+    const [width, setWidth] = useState<number>(window.innerWidth);
+    const isMobile = width <= 768;
+
     const items: TabsProps['items'] = [
         {
             key: "1",
@@ -78,7 +81,7 @@ export const AddPeerPopup: React.FC<Props> = ({
             To get started install NetBird and log in using your {"\n"} email account.
         </Paragraph>
 
-        <Tabs centered
+        <Tabs centered={!isMobile}
               defaultActiveKey={openTab.toString()} tabPosition="top" animated={{inkBar: true, tabPane: false}}
               items={items}/>
         <Paragraph type={"secondary"}
diff --git a/src/views/Peers.tsx b/src/views/Peers.tsx
index 5faa5f7f..b6d54822 100644
--- a/src/views/Peers.tsx
+++ b/src/views/Peers.tsx
@@ -635,7 +635,6 @@ export const Peers = () => {
                 footer={[]}
                 width={780}
             >
-               {/* <AddPeerPopup greeting={"Hi there!"} headline={"It's time to add your first device."}/>*/}
                 <AddPeerPopup greeting={!hadFirstRun ? "Hi there!" : ""} headline={!hadFirstRun ? "It's time to add your first device." : "Add new peer"}/>
             </Modal>
             {confirmModalContextHolder}