diff --git a/src/pages/Popup/UserAgentPage.tsx b/src/pages/Popup/UserAgentPage.tsx
index 53401e8..554484c 100644
--- a/src/pages/Popup/UserAgentPage.tsx
+++ b/src/pages/Popup/UserAgentPage.tsx
@@ -2,10 +2,9 @@ import React, { useState, useEffect } from 'react'
import { Box, Label, Radio, Flex, Input, Select } from 'theme-ui'
import userAgents from '../../utils/userAgents'
import detachDebugger from '../../utils/detachDebugger'
-import UserAgentSelect from './UserAgentSelect'
const LocationPage = () => {
- const [type, setType] = useState('desktop')
+ const [type, setType] = useState('None')
const [operatingSystem, setOperatingSystem] = useState('Windows')
const [browser, setBrowser] = useState('Chrome')
const [userAgent, setUserAgent] = useState('')
@@ -28,17 +27,12 @@ const LocationPage = () => {
}, [userAgent])
useEffect(() => {
- type !== 'custom' &&
- setUserAgent(userAgents[type][operatingSystem][browser])
+ type === 'preloaded' && setUserAgent(userAgents[operatingSystem][browser])
}, [operatingSystem, browser, type])
const changeType = (e: any) => {
- if (e.target.value === 'mobile') {
- setOperatingSystem('Android')
- } else if (e.target.value === 'desktop') {
- setOperatingSystem('Windows')
- }
detachDebugger()
+ e.target.value === 'none' && setUserAgent('')
chrome.storage.sync.set({ type: e.target.value })
setType(e.target.value)
}
@@ -71,24 +65,30 @@ const LocationPage = () => {
}}
>
User Agent
-
+
- {(type === 'desktop' || type === 'mobile') && (
+ {type === 'preloaded' && (
<>