Removed vpn tab

vytal-io · Dec 30, 2022 · 8b6c0a9 · 8b6c0a9
1 parent d492304
commit 8b6c0a9
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 20 deletions.
diff --git 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
@@ -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
@@ -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>