Added org to connection Data

src/Popup/Pages/AutofillPage/index.tsx

@@ -109,11 +109,7 @@ const AutofillPage = ({ tab, ipData }: AutofillPageProps) => {
         <TableRow title="Address" value={address} />
         <TableRow title="Phone" value={phone} noBorder />
       </Table>
-      <Button
+      <Button variant="primary" onClick={() => console.log('click')}>
-        variant="primary"
-        sx={{ width: '100%' }}
-        onClick={() => console.log('click')}
-      >
         Autofill Current Page
       </Button>
     </Page>

src/Popup/Pages/ConnectionPage/index.tsx

@@ -40,6 +40,7 @@ const ConnectionPage = ({ tab, ipData }: ConnectionPageProps) => {
         <TableRow title="Latitude" value={`${ipData?.lat}`} />
         <TableRow title="Longitude" value={`${ipData?.lon}`} />
         <TableRow title="ISP" value={ipData?.isp} />
+        <TableRow title="Organization" value={ipData?.org} />
         <TableRow
           title="Proxy/VPN"
           value={ipData?.proxy ? 'True' : 'False'}

src/types.ts

@@ -10,5 +10,6 @@ export interface ipData {
   lat: number
   lon: number
   isp: string
+  org: string
   proxy: boolean
 }

src/utils/getIp.ts

@@ -1,6 +1,6 @@
 const getIp = () =>
   fetch(
-    'http://ip-api.com/json?fields=status,message,country,countryCode,region,regionName,city,zip,lat,lon,timezone,isp,proxy,query'
+    'http://ip-api.com/json?fields=status,message,country,countryCode,region,regionName,city,zip,lat,lon,timezone,isp,org,proxy,query'
   )
     .then((response) => response.json())
     .then((ipData) => {