From f3d011cae73d81c1f98c3b6bc4702e5557e0496d Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Mon, 4 Mar 2019 11:46:02 -0300
Subject: [PATCH] ditch popover arrow for now

---
 .../molecules/AccountStatus/Popover.module.scss           | 1 +
 src/components/molecules/AccountStatus/Popover.tsx        | 8 +-------
 src/components/molecules/AccountStatus/index.tsx          | 3 +--
 3 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/components/molecules/AccountStatus/Popover.module.scss b/src/components/molecules/AccountStatus/Popover.module.scss
index b67c144..0860ed9 100644
--- a/src/components/molecules/AccountStatus/Popover.module.scss
+++ b/src/components/molecules/AccountStatus/Popover.module.scss
@@ -3,6 +3,7 @@
 $popoverWidth: 18rem;
 
 .popover {
+    position: relative;
     width: $popoverWidth;
     padding: $spacer / 2;
     background: $brand-black;
diff --git a/src/components/molecules/AccountStatus/Popover.tsx b/src/components/molecules/AccountStatus/Popover.tsx
index 28741c3..e782a5e 100644
--- a/src/components/molecules/AccountStatus/Popover.tsx
+++ b/src/components/molecules/AccountStatus/Popover.tsx
@@ -4,15 +4,10 @@ import styles from './Popover.module.scss'
 
 const Popover = ({
     forwardedRef,
-    style,
-    arrowProps
+    style
 }: {
     forwardedRef: (ref: HTMLElement | null) => void
     style: React.CSSProperties
-    arrowProps: {
-        ref: (ref: HTMLElement | null) => void
-        style: React.CSSProperties
-    }
 }) => (
     <div className={styles.popover} ref={forwardedRef} style={style}>
         <div className={styles.popoverInfoline}>
@@ -49,7 +44,6 @@ const Popover = ({
                 {states => states.network && states.network}
             </User.Consumer> */}
         </div>
-        <div ref={arrowProps.ref} style={arrowProps.style} />
     </div>
 )
 
diff --git a/src/components/molecules/AccountStatus/index.tsx b/src/components/molecules/AccountStatus/index.tsx
index 248d087..8c420bb 100644
--- a/src/components/molecules/AccountStatus/index.tsx
+++ b/src/components/molecules/AccountStatus/index.tsx
@@ -39,11 +39,10 @@ export default class AccountStatus extends PureComponent<
                 </Reference>
                 {this.state.isPopoverOpen && (
                     <Popper placement="auto">
-                        {({ ref, style, placement, arrowProps }) => (
+                        {({ ref, style, placement }) => (
                             <AccountPopover
                                 forwardedRef={ref}
                                 style={style}
-                                arrowProps={arrowProps}
                                 data-placement={placement}
                             />
                         )}