diff --git a/packages/extension-ui/src/components/AddAccount.tsx b/packages/extension-ui/src/components/AddAccount.tsx
index e2890d38..8ab5cb58 100644
--- a/packages/extension-ui/src/components/AddAccount.tsx
+++ b/packages/extension-ui/src/components/AddAccount.tsx
@@ -2,7 +2,7 @@
// This software may be modified and distributed under the terms
// of the Apache-2.0 license. See the LICENSE file for details.
-import React, { useContext } from 'react';
+import React, { useCallback, useContext } from 'react';
import styled from 'styled-components';
import { ActionContext } from './contexts';
import AddAccountImage from './AddAccountImage';
@@ -14,13 +14,20 @@ interface Props {
function AddAccount ({ className }: Props): React.ReactElement {
const onAction = useContext(ActionContext);
+ const _onClick = useCallback(
+ (): void => onAction('/account/create'),
+ [onAction]
+ );
return (
<>
-
+
- onAction('/account/create')}/>
+
You currently don't have any accounts. Either create a new account or if you have an existing account you wish to use, import it with the seed phrase.
diff --git a/packages/extension-ui/src/components/AddAccountImage.tsx b/packages/extension-ui/src/components/AddAccountImage.tsx
index de5dcd19..80736d2d 100644
--- a/packages/extension-ui/src/components/AddAccountImage.tsx
+++ b/packages/extension-ui/src/components/AddAccountImage.tsx
@@ -2,6 +2,12 @@
// This software may be modified and distributed under the terms
// of the Apache-2.0 license. See the LICENSE file for details.
+// We _could_ reformat, but just keep it as-is, since this is actually
+// externally generated and not really user-editable
+
+/* eslint-disable react/jsx-sort-props */
+/* eslint-disable react/jsx-max-props-per-line */
+
import React from 'react';
import styled from 'styled-components';
diff --git a/packages/extension-ui/src/components/Button.tsx b/packages/extension-ui/src/components/Button.tsx
index 0f96c1ca..5f40de7d 100644
--- a/packages/extension-ui/src/components/Button.tsx
+++ b/packages/extension-ui/src/components/Button.tsx
@@ -30,8 +30,8 @@ function Button ({ children, className, isDisabled, onClick, to }: Props): React
return (
diff --git a/packages/extension-ui/src/components/Checkbox.tsx b/packages/extension-ui/src/components/Checkbox.tsx
index 2ad3a752..d9cbb0de 100644
--- a/packages/extension-ui/src/components/Checkbox.tsx
+++ b/packages/extension-ui/src/components/Checkbox.tsx
@@ -19,9 +19,9 @@ function Checkbox ({ onChange, label, className, checked }: Props): React.ReactE
diff --git a/packages/extension-ui/src/components/Identicon.tsx b/packages/extension-ui/src/components/Identicon.tsx
index 6920c609..333bbf3f 100644
--- a/packages/extension-ui/src/components/Identicon.tsx
+++ b/packages/extension-ui/src/components/Identicon.tsx
@@ -18,9 +18,9 @@ function Identicon ({ iconTheme, className, prefix, value }: Props): React.React