From 8b6c0a966ec3e5fad63232e77457fe4d44aa6215 Mon Sep 17 00:00:00 2001
From: z0ccc <z0ccc@proton.me>
Date: Thu, 29 Dec 2022 20:06:39 -0500
Subject: [PATCH] Removed vpn tab

---
 src/Popup/Pages/LocationPage/index.tsx |  9 ++-------
 src/Popup/Pages/SettingsPage/index.tsx | 11 +++--------
 src/Popup/Popup.tsx                    | 10 +++++-----
 3 files changed, 10 insertions(+), 20 deletions(-)

diff --git a/src/Popup/Pages/LocationPage/index.tsx b/src/Popup/Pages/LocationPage/index.tsx
index 7a0b83f..1ba9c6e 100644
--- a/src/Popup/Pages/LocationPage/index.tsx
+++ b/src/Popup/Pages/LocationPage/index.tsx
@@ -12,10 +12,9 @@ import { RotateCw } from 'react-feather'
 
 interface LocationPageProps {
   tab: string
-  setTab: (tab: string) => void
 }
 
-const LocationPage = ({ tab, setTab }: LocationPageProps) => {
+const LocationPage = ({ tab }: LocationPageProps) => {
   const [browserDefault, setBrowserDefault] = useState(true)
   const [ipData, setIpData] = useState<ipData>()
   const [ipInfo, setIpInfo] = useState('loading...')
@@ -254,11 +253,7 @@ const LocationPage = ({ tab, setTab }: LocationPageProps) => {
         }}
       >
         Vytal does not change your IP address. To change your IP address you
-        will need a{' '}
-        <Button variant="text" onClick={() => setTab('vpn')}>
-          VPN or proxy
-        </Button>
-        .
+        will need a VPN or proxy.
       </Box>
     </Page>
   )
diff --git a/src/Popup/Pages/SettingsPage/index.tsx b/src/Popup/Pages/SettingsPage/index.tsx
index 5c3bdae..1235cee 100644
--- a/src/Popup/Pages/SettingsPage/index.tsx
+++ b/src/Popup/Pages/SettingsPage/index.tsx
@@ -1,13 +1,12 @@
-import { Button, Link, Text } from 'theme-ui'
+import { Link, Text } from 'theme-ui'
 import Page from '../../Components/Page'
 import InfoItem from './InfoItem'
 
 interface SettingsPageProps {
   tab: string
-  setTab: (tab: string) => void
 }
 
-const SettingsPage = ({ tab, setTab }: SettingsPageProps) => {
+const SettingsPage = ({ tab }: SettingsPageProps) => {
   return (
     <Page isCurrentTab={tab === 'settings'} title={'Info'}>
       <InfoItem title={'Hide Debugging Notification Bar'}>
@@ -28,11 +27,7 @@ const SettingsPage = ({ tab, setTab }: SettingsPageProps) => {
       </InfoItem>
       <InfoItem title={'Change IP Address'}>
         Vytal does not change your IP address. To change your IP address you
-        will need a{' '}
-        <Button variant="text" onClick={() => setTab('vpn')}>
-          VPN or proxy
-        </Button>
-        .
+        will need a VPN or proxy.
       </InfoItem>
       {/* <InfoItem title={'Vytal vs Similar Extensions'}>
         Vytal utilizes the debugger API to spoof data which is completely
diff --git a/src/Popup/Popup.tsx b/src/Popup/Popup.tsx
index 6b242f8..83170f9 100644
--- a/src/Popup/Popup.tsx
+++ b/src/Popup/Popup.tsx
@@ -58,11 +58,11 @@ const Popup = () => {
             active={tab === 'userAgent'}
             onClick={() => setTab('userAgent')}
           />
-          <TabItem
+          {/* <TabItem
             Icon={<img src={VpnIcon} className="App-logo" alt="logo" />}
             active={tab === 'vpn'}
             onClick={() => setTab('vpn')}
-          />
+          /> */}
           {/* <TabItem
             Icon={<Sliders size={20} />}
             active={tab === 'settings'}
@@ -75,10 +75,10 @@ const Popup = () => {
           />
         </Flex>
         <Box sx={{ m: '16px', width: '100%' }}>
-          <LocationPage tab={tab} setTab={setTab} />
+          <LocationPage tab={tab} />
           <UserAgentPage tab={tab} />
-          <VpnPage tab={tab} />
-          <SettingsPage tab={tab} setTab={setTab} />
+          {/* <VpnPage tab={tab} /> */}
+          <SettingsPage tab={tab} />
         </Box>
       </Flex>
     </ThemeProvider>