me/vytal-redux
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Removed vpn tab

Browse source
This commit is contained in:
z0ccc 2022-12-29 20:06:39 -05:00
parent d492304870
commit 8b6c0a966e
3 changed files with 10 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/Popup/Pages/LocationPage/index.tsx
View file

@ -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>
)

11
src/Popup/Pages/SettingsPage/index.tsx
View file

@ -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

10
src/Popup/Popup.tsx
View file

@ -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>