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' && ( <>