removed vpn page and updated urls

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vytal",
-  "version": "2.1.9",
+  "version": "10",
   "description": "Spoof your location data and user agent.",
   "license": "MIT",
   "repository": {

src/background/index.ts

@@ -21,4 +21,4 @@ chrome.tabs.onUpdated.addListener((tabId) => {
   attachTab(tabId)
 })
 
-chrome.runtime.setUninstallURL('https://vytal.io/#/vpns')
+chrome.runtime.setUninstallURL('https://vytal.io/scan')

src/manifest.json

@@ -1,6 +1,6 @@
 {
   "manifest_version": 3,
-  "version": "2.1.9",
+  "version": "2.1.10",
   "name": "__MSG_extName__",
   "description": "__MSG_extDesc__",
   "author": "__MSG_extName__",

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'}
@@ -77,7 +77,7 @@ const Popup = () => {
         <Box sx={{ m: '16px', width: '100%' }}>
           <LocationPage tab={tab} setTab={setTab} />
           <UserAgentPage tab={tab} />
-          <VpnPage tab={tab} />
+          {/* <VpnPage tab={tab} /> */}
           <SettingsPage tab={tab} setTab={setTab} />
         </Box>
       </Flex>

src/popup/pages/locationPage/index.tsx

@@ -9,7 +9,7 @@ import configurations from 'utils/configurations'
 import getIp from 'utils/getIp'
 import { ipData } from 'types'
 import { RotateCw } from 'react-feather'
-import { polyfillCountryFlagEmojis } from "country-flag-emoji-polyfill";
+import { polyfillCountryFlagEmojis } from 'country-flag-emoji-polyfill'
 
 interface LocationPageProps {
   tab: string
@@ -26,7 +26,7 @@ const LocationPage = ({ tab, setTab }: LocationPageProps) => {
   const [lon, setLongitude] = useState('')
   const [configuration, setConfiguration] = useState('custom')
 
-  polyfillCountryFlagEmojis();
+  polyfillCountryFlagEmojis()
 
   const reloadIp = useCallback(() => {
     setIpInfo('loading...')
@@ -257,11 +257,11 @@ const LocationPage = ({ tab, setTab }: LocationPageProps) => {
         }}
       >
         Vytal does not change your IP address. To change your IP address you
-        will need a{' '}
+        will need a VPN or proxy.
-        <Button variant="text" onClick={() => setTab('vpn')}>
+        {/* <Button variant="text" onClick={() => setTab('vpn')}>
           VPN or proxy
         </Button>
-        .
+        . */}
       </Box>
     </Page>
   )

src/popup/pages/settingsPage/index.tsx

@@ -28,11 +28,11 @@ 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{' '}
+        will need a VPN or proxy.
-        <Button variant="text" onClick={() => setTab('vpn')}>
+        {/* <Button variant="text" onClick={() => setTab('vpn')}>
           VPN or proxy
         </Button>
-        .
+        . */}
       </InfoItem>
       {/* <InfoItem title={'Vytal vs Similar Extensions'}>
         Vytal utilizes the debugger API to spoof data which is completely
@@ -48,7 +48,7 @@ const SettingsPage = ({ tab, setTab }: SettingsPageProps) => {
       </InfoItem> */}
       <InfoItem title={'Test Extension'}>
         You can test and compare Vytal and other spoofing extensions on{' '}
-        <Link variant="hover" href={`https://vytal.io/#/scan`} target="_blank">
+        <Link variant="hover" href={`https://vytal.io/scan`} target="_blank">
           vytal.io
         </Link>
         .
@@ -63,11 +63,7 @@ const SettingsPage = ({ tab, setTab }: SettingsPageProps) => {
           rate the extension
         </Link>{' '}
         or{' '}
-        <Link
+        <Link variant="hover" href={`https://vytal.io/donate`} target="_blank">
-          variant="hover"
-          href={`https://vytal.io/#/donate`}
-          target="_blank"
-        >
           donate
         </Link>
         .

src/popup/pages/vpnPage/index.tsx

@@ -1,8 +1,8 @@
-import { Box, Image } from 'theme-ui'
+import { Box } from 'theme-ui'
 import Page from 'popup/components/Page'
 import VpnItem from './VpnItem'
-import nordLogo from 'assets/nord.svg'
+// import nordLogo from 'assets/nord.svg'
-import protonLogo from 'assets/surfShark.svg'
+// import surfSharkLogo from 'assets/surfShark.svg'
 
 interface VpnPageProps {
   tab: string
@@ -11,14 +11,20 @@ interface VpnPageProps {
 const VpnPage = ({ tab }: VpnPageProps) => {
   return (
     <Page isCurrentTab={tab === 'vpn'} title={'VPN Recommendations'}>
-      <VpnItem url="https://go.nordvpn.net/aff_c?offer_id=658&aff_id=79520&source=v" linkText="Click for 63% off discount">
+      <VpnItem
-        <Image src={nordLogo} alt="NordVPN logo" variant="vpnLogo" />
+        url="https://go.nordvpn.net/aff_c?offer_id=658&aff_id=79520&source=v"
+        linkText="Click for 63% off discount"
+      >
+        {/* <Image src={nordLogo} alt="NordVPN logo" variant="vpnLogo" /> */}
         <li>Verified zero-logs policy & no IP leaks</li>
         <li>5,600+ servers in 59 countries</li>
         <li>24/7 live chat support</li>
       </VpnItem>
-      <VpnItem url="https://get.surfshark.net/aff_c?offer_id=926&aff_id=17240&source=v" linkText="Click for 82% off + 2 mo. FREE">
+      <VpnItem
-        <Image src={protonLogo} alt="Surf Shark logo" variant="vpnLogo" />
+        url="https://get.surfshark.net/aff_c?offer_id=926&aff_id=17240&source=v"
+        linkText="Click for 82% off + 2 mo. FREE"
+      >
+        {/* <Image src={surfSharkLogo} alt="Surf Shark logo" variant="vpnLogo" /> */}
         <Box>
           <li>Verified zero-logs policy & no IP leaks</li>
           <li>3200+ servers in 100 countries</li>