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 { interface LocationPageProps {
tab: string tab: string
setTab: (tab: string) => void
} }
const LocationPage = ({ tab, setTab }: LocationPageProps) => { const LocationPage = ({ tab }: LocationPageProps) => {
const [browserDefault, setBrowserDefault] = useState(true) const [browserDefault, setBrowserDefault] = useState(true)
const [ipData, setIpData] = useState<ipData>() const [ipData, setIpData] = useState<ipData>()
const [ipInfo, setIpInfo] = useState('loading...') 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 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')}>
VPN or proxy
</Button>
.
</Box> </Box>
</Page> </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 Page from '../../Components/Page'
import InfoItem from './InfoItem' import InfoItem from './InfoItem'
interface SettingsPageProps { interface SettingsPageProps {
tab: string tab: string
setTab: (tab: string) => void
} }
const SettingsPage = ({ tab, setTab }: SettingsPageProps) => { const SettingsPage = ({ tab }: SettingsPageProps) => {
return ( return (
<Page isCurrentTab={tab === 'settings'} title={'Info'}> <Page isCurrentTab={tab === 'settings'} title={'Info'}>
<InfoItem title={'Hide Debugging Notification Bar'}> <InfoItem title={'Hide Debugging Notification Bar'}>
@ -28,11 +27,7 @@ const SettingsPage = ({ tab, setTab }: SettingsPageProps) => {
</InfoItem> </InfoItem>
<InfoItem title={'Change IP Address'}> <InfoItem title={'Change IP Address'}>
Vytal does not change your IP address. To change your IP address you 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')}>
VPN or proxy
</Button>
.
</InfoItem> </InfoItem>
{/* <InfoItem title={'Vytal vs Similar Extensions'}> {/* <InfoItem title={'Vytal vs Similar Extensions'}>
Vytal utilizes the debugger API to spoof data which is completely 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'} active={tab === 'userAgent'}
onClick={() => setTab('userAgent')} onClick={() => setTab('userAgent')}
/> />
<TabItem {/* <TabItem
Icon={<img src={VpnIcon} className="App-logo" alt="logo" />} Icon={<img src={VpnIcon} className="App-logo" alt="logo" />}
active={tab === 'vpn'} active={tab === 'vpn'}
onClick={() => setTab('vpn')} onClick={() => setTab('vpn')}
/> /> */}
{/* <TabItem {/* <TabItem
Icon={<Sliders size={20} />} Icon={<Sliders size={20} />}
active={tab === 'settings'} active={tab === 'settings'}
@ -75,10 +75,10 @@ const Popup = () => {
/> />
</Flex> </Flex>
<Box sx={{ m: '16px', width: '100%' }}> <Box sx={{ m: '16px', width: '100%' }}>
<LocationPage tab={tab} setTab={setTab} /> <LocationPage tab={tab} />
<UserAgentPage tab={tab} /> <UserAgentPage tab={tab} />
<VpnPage tab={tab} /> {/* <VpnPage tab={tab} /> */}
<SettingsPage tab={tab} setTab={setTab} /> <SettingsPage tab={tab} />
</Box> </Box>
</Flex> </Flex>
</ThemeProvider> </ThemeProvider>