From 8e9a5da964a1bdd6b3c942842fc9369b04ff8366 Mon Sep 17 00:00:00 2001
From: z0ccc <z0ccc@proton.me>
Date: Sun, 23 Oct 2022 14:04:43 -0400
Subject: [PATCH] Added platform input

---
 src/Popup/Pages/AutofillPage/index.tsx  | 6 +++++-
 src/Popup/Pages/UserAgentPage/index.tsx | 8 ++++++++
 src/theme.ts                            | 2 +-
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/Popup/Pages/AutofillPage/index.tsx b/src/Popup/Pages/AutofillPage/index.tsx
index c164277..dc64955 100644
--- a/src/Popup/Pages/AutofillPage/index.tsx
+++ b/src/Popup/Pages/AutofillPage/index.tsx
@@ -109,7 +109,11 @@ const AutofillPage = ({ tab, ipData }: AutofillPageProps) => {
         <TableRow title="Address" value={address} />
         <TableRow title="Phone" value={phone} noBorder />
       </Table>
-      <Button variant="primary" onClick={() => console.log('click')}>
+      <Button
+        variant="primary"
+        sx={{ borderRadius: '4px' }}
+        onClick={() => console.log('click')}
+      >
         Autofill Current Page
       </Button>
     </Page>
diff --git a/src/Popup/Pages/UserAgentPage/index.tsx b/src/Popup/Pages/UserAgentPage/index.tsx
index 14044c9..4afe769 100644
--- a/src/Popup/Pages/UserAgentPage/index.tsx
+++ b/src/Popup/Pages/UserAgentPage/index.tsx
@@ -155,6 +155,14 @@ const UserAgentPage = ({ tab }: UserAgentPageProps) => {
         onChange={changeUserAgent}
         mb="12px"
       />
+      <DebouncedInput
+        name="platform"
+        title="Platform"
+        value={navigator.platform}
+        setValue={setUserAgent}
+        onChange={changeUserAgent}
+        mb="12px"
+      />
       {userAgentType !== 'default' && (
         <CheckBox title={'Enable Debugger API Spoofing'} />
       )}
diff --git a/src/theme.ts b/src/theme.ts
index b5ecec1..0ac07ff 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -49,12 +49,12 @@ export const theme: Theme = {
   },
   buttons: {
     primary: {
-      borderRadius: '4px',
       color: 'background',
       bg: 'primary',
       py: '3px',
       px: '8px',
       cursor: 'pointer',
+      borderRadius: '0',
       width: '100%',
       '&:hover': {
         bg: 'primaryDark',