From feef2fe1146bb0a32749973aedc26580db970bd1 Mon Sep 17 00:00:00 2001 From: EC Wireless <40322776+ECWireless@users.noreply.github.com> Date: Thu, 25 Jun 2020 10:41:00 -0600 Subject: [PATCH] Agent: update help text (#1169) --- apps/agent/app/src/App.js | 4 +- .../{InstallFrame.js => AgentHelp.js} | 29 +-- apps/agent/app/src/components/AgentSvg.js | 229 ++++++++++++++++++ apps/agent/app/src/components/FrameModal.js | 61 ----- apps/agent/app/src/components/FrameSvg.js | 48 ---- 5 files changed, 246 insertions(+), 125 deletions(-) rename apps/agent/app/src/components/{InstallFrame.js => AgentHelp.js} (51%) create mode 100644 apps/agent/app/src/components/AgentSvg.js delete mode 100644 apps/agent/app/src/components/FrameModal.js delete mode 100644 apps/agent/app/src/components/FrameSvg.js diff --git a/apps/agent/app/src/App.js b/apps/agent/app/src/App.js index 4fc3389cc8..5609d9d7f2 100644 --- a/apps/agent/app/src/App.js +++ b/apps/agent/app/src/App.js @@ -3,7 +3,7 @@ import { useAragonApi } from '@aragon/api-react' import { Header, Main, SyncIndicator } from '@aragon/ui' import Balances from './components/Balances' import { IdentityProvider } from './components/IdentityManager/IdentityManager' -import InstallFrame from './components/InstallFrame' +import AgentHelp from './components/AgentHelp' import Transactions from './components/Transactions' function App() { @@ -33,7 +33,7 @@ function App() { >
- + setOpened(true) - const handleClose = () => setOpened(false) +function AgentHelp() { + const theme = useTheme() return ( - -
- +
+
- To interact with the Agent app you must install Frame. + The Agent app can be used to interact with external contracts.
- Install Frame + Learn More
@@ -46,4 +47,4 @@ function InstallFrame() { ) } -export default InstallFrame +export default AgentHelp diff --git a/apps/agent/app/src/components/AgentSvg.js b/apps/agent/app/src/components/AgentSvg.js new file mode 100644 index 0000000000..1e2067025c --- /dev/null +++ b/apps/agent/app/src/components/AgentSvg.js @@ -0,0 +1,229 @@ +import React from 'react'; + +const AgentSvg = props => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export default AgentSvg diff --git a/apps/agent/app/src/components/FrameModal.js b/apps/agent/app/src/components/FrameModal.js deleted file mode 100644 index 6653f1748c..0000000000 --- a/apps/agent/app/src/components/FrameModal.js +++ /dev/null @@ -1,61 +0,0 @@ -import React from 'react' -import { Button, Link, GU, Modal, textStyle, useTheme } from '@aragon/ui' -import FrameAndAgentSvg from './FrameAndAgentSvg' - -function FrameModal({ visible, onClose }) { - const theme = useTheme() - - return ( - -
- -

- Agent needs Frame -

-
-
To interact with the Agent app, you must install Frame
- - Learn more about Frame - -
-
-
- - -
- - ) -} - -export default FrameModal diff --git a/apps/agent/app/src/components/FrameSvg.js b/apps/agent/app/src/components/FrameSvg.js deleted file mode 100644 index 92e357762b..0000000000 --- a/apps/agent/app/src/components/FrameSvg.js +++ /dev/null @@ -1,48 +0,0 @@ -import React from 'react' - -const SvgFrame = props => ( - - - - - - - - - - - - - - - -) - -export default SvgFrame