oceanprotocol/commons
1
0
Fork 0
mirror of https://github.com/oceanprotocol/commons.git synced 2023-03-15 18:03:00 +01:00
Code Releases Activity

ditch popover arrow for now

Browse Source
This commit is contained in:
Matthias Kretschmann 2019-03-04 11:46:02 -03:00
parent 87cb5fe36b
commit f3d011cae7
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 3 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/molecules/AccountStatus/Popover.module.scss
View File

@ -3,6 +3,7 @@
$popoverWidth: 18rem;
.popover {
position: relative;
width: $popoverWidth;
padding: $spacer / 2;
background: $brand-black;

8
src/components/molecules/AccountStatus/Popover.tsx
View File

@ -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>
)

3
src/components/molecules/AccountStatus/index.tsx
View File

@ -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}
/>
)}