Updated ErrorPopover, LoadingPopover styles to match all other popovers

• Updated:
- ErrorPopover, LoadingPopover styles to match all other popovers

app/javascript/gabsocial/components/popover/error_popover.js

-import Block from '../block'
+import PopoverLayout from './popover_layout'
 import ColumnIndicator from '../column_indicator'
 
 export default class ErrorPopover extends PureComponent {
 
+ static defaultProps = {
+ isXS: PropTypes.bool,
+ onClose: PropTypes.func,
+ }
+
  render() {
+ const { isXS } = this.props
+ 
  return (
- <div className={_s.width250PX}>
- <Block>
+ <PopoverLayout
+ width={250}
+ isXS={isXS}
+ onClose={this.props.onClose}
+ >
  <div className={[_s.default, _s.px15, _s.py15, _s.mt15, _s.mb15].join(' ')}>
  <div className={[_s.default, _s.px15, _s.py15, _s.mt15, _s.mb15, _s.alignItemsCenter, _s.justifyContentCenter].join(' ')}>
-
  <ColumnIndicator type='error' message='Error loading popover' />
-
  </div>
  </div>
- </Block>
- </div>
+ </PopoverLayout>
  )
  }
 

app/javascript/gabsocial/components/popover/loading_popover.js

-import Block from '../block'
+import PopoverLayout from './popover_layout'
 import ColumnIndicator from '../column_indicator'
 
 export default class LoadingPopover extends PureComponent {
 
+ static defaultProps = {
+ isXS: PropTypes.bool,
+ onClose: PropTypes.func,
+ }
+
  render() {
+ const { isXS } = this.props
+ 
  return (
- <div className={_s.width250PX}>
- <Block>
+ <PopoverLayout
+ width={250}
+ isXS={isXS}
+ onClose={this.props.onClose}
+ >
  <div className={[_s.default, _s.px15, _s.py15, _s.mt15, _s.mb15].join(' ')}>
  <div className={[_s.default, _s.px15, _s.py15, _s.mt15, _s.mb15, _s.alignItemsCenter, _s.justifyContentCenter].join(' ')}>
-
  <ColumnIndicator type='loading' />
-
  </div>
  </div>
- </Block>
- </div>
+ </PopoverLayout>
  )
  }
 
-}
\ No newline at end of file
+}

app/javascript/gabsocial/components/popover/popover_root.js

@@ -108,11 +108,17 @@ class PopoverRoot extends PureComponent {
  }
 
  renderLoading = () => {
- return <LoadingPopover />
+ const { width } = this.state
+ const isXS = width <= BREAKPOINT_EXTRA_SMALL
+
+ return <LoadingPopover isXS={isXS} onClose={this.props.onClose} />
  }
 
  renderError = () => {
- return <ErrorPopover />
+ const { width } = this.state
+ const isXS = width <= BREAKPOINT_EXTRA_SMALL
+
+ return <ErrorPopover isXS={isXS} onClose={this.props.onClose} />
  }
 
  render() {