diff --git a/src/pages/Popup/Popup.jsx b/src/pages/Popup/Popup.jsx
index 049eb54..9eb4bd7 100644
--- a/src/pages/Popup/Popup.jsx
+++ b/src/pages/Popup/Popup.jsx
@@ -40,6 +40,14 @@ const Popup = () => {
+
+ Leave field blank to use real value.
+
)
diff --git a/src/pages/Popup/UserAgentSettings.js b/src/pages/Popup/UserAgentSettings.js
index ac6e801..837dbe4 100644
--- a/src/pages/Popup/UserAgentSettings.js
+++ b/src/pages/Popup/UserAgentSettings.js
@@ -1,7 +1,8 @@
import React, { useState, useEffect } from 'react'
+import userAgents from '../../utils/userAgents'
const UserAgentSettings = () => {
- const [value, setUserAgent] = useState('')
+ const [userAgent, setUserAgent] = useState('')
useEffect(() => {
chrome.storage.sync.get(['userAgent'], (result) => {
@@ -16,27 +17,52 @@ const UserAgentSettings = () => {
setUserAgent(e.target.value)
}
+ const randomize = (e) => {
+ const randomUserAgent =
+ userAgents[Math.floor(Math.random() * userAgents.length)]
+ chrome.storage.sync.set({ [randomize]: randomUserAgent })
+ setUserAgent(randomUserAgent)
+ }
+
return (
-
+ >
)
}
diff --git a/src/utils/userAgents.js b/src/utils/userAgents.js
new file mode 100644
index 0000000..664d58d
--- /dev/null
+++ b/src/utils/userAgents.js
@@ -0,0 +1,7 @@
+const userAgents = [
+ 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36',
+ 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.121 Safari/537.36',
+ 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.157 Safari/537.36',
+]
+
+export default userAgents