diff --git a/package.json b/package.json
index 4070930..e3eca1a 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
"@subgraphs/eip721-matic": "^1.0.1",
"@web3-react/core": "^6.1.9",
"@web3-react/injected-connector": "^6.0.7",
+ "@web3-react/portis-connector": "^6.2.9",
"@web3-react/walletconnect-connector": "^6.2.8",
"@web3-react/walletlink-connector": "^6.2.8",
"babel-plugin-macros": "^3.1.0",
diff --git a/src/components/Connect/Connect.tsx b/src/components/Connect/Connect.tsx
index e7ccbf2..a424b3d 100644
--- a/src/components/Connect/Connect.tsx
+++ b/src/components/Connect/Connect.tsx
@@ -7,6 +7,7 @@ import React, { Fragment, useEffect, useRef } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { selectConnectingStatus, setConnectingStatus, setEagerAttempt } from 'state/reducers/user';
import MetamaskConnect from './MetamaskConnect';
+import PortisConnect from './PortisConnect';
import WalletConnectConnect from './WalletConnectConnect';
import WalletLinkConnect from './WalletLinkConnect';
@@ -71,6 +72,7 @@ const Connect: React.FC = () => {
+
diff --git a/src/components/Connect/PortisConnect.tsx b/src/components/Connect/PortisConnect.tsx
new file mode 100644
index 0000000..a024b3f
--- /dev/null
+++ b/src/components/Connect/PortisConnect.tsx
@@ -0,0 +1,40 @@
+import { UserRejectedRequestError } from '@web3-react/injected-connector';
+import { portis } from 'connectors';
+import { useActiveWeb3React } from 'hooks/useActiveWeb3React';
+import React from 'react';
+
+const PortisConnect: React.FC = () => {
+ const { error, activate, setError } = useActiveWeb3React();
+
+ if (error) {
+ return null;
+ }
+
+ return (
+ <>
+
+
+
+
+
+
+
+
+