Remove React, PureComponent global import, added those imports to files directly
• Remove: - React, PureComponent global import and added those imports to files directly
This commit is contained in:
@@ -1,8 +1,9 @@
|
||||
import React from 'react'
|
||||
import { CX } from '../../constants'
|
||||
import { getRandomInt } from '../../utils/numbers'
|
||||
import PlaceholderLayout from './placeholder_layout'
|
||||
|
||||
class AccountPlaceholder extends PureComponent {
|
||||
class AccountPlaceholder extends React.PureComponent {
|
||||
|
||||
render() {
|
||||
const { isLast, isSmall } = this.props
|
||||
|
||||
@@ -1,8 +1,9 @@
|
||||
import React from 'react'
|
||||
import { CX } from '../../constants'
|
||||
import { getRandomInt } from '../../utils/numbers'
|
||||
import PlaceholderLayout from './placeholder_layout'
|
||||
|
||||
export default class CommentPlaceholder extends PureComponent {
|
||||
export default class CommentPlaceholder extends React.PureComponent {
|
||||
|
||||
render() {
|
||||
const classes = CX({
|
||||
|
||||
@@ -1,8 +1,9 @@
|
||||
import React from 'react'
|
||||
import { CX } from '../../constants'
|
||||
import { getRandomInt } from '../../utils/numbers'
|
||||
import PlaceholderLayout from './placeholder_layout'
|
||||
|
||||
class GroupListItemPlaceholder extends PureComponent {
|
||||
class GroupListItemPlaceholder extends React.PureComponent {
|
||||
|
||||
render() {
|
||||
const { isLast } = this.props
|
||||
|
||||
@@ -1,9 +1,10 @@
|
||||
import React from 'react'
|
||||
import { CX } from '../../constants'
|
||||
import { getRandomInt } from '../../utils/numbers'
|
||||
import PlaceholderLayout from './placeholder_layout'
|
||||
import ResponsiveClassesComponent from '../../features/ui/util/responsive_classes_component'
|
||||
|
||||
class ListItemPlaceholder extends PureComponent {
|
||||
class ListItemPlaceholder extends React.PureComponent {
|
||||
|
||||
render() {
|
||||
const { isLast } = this.props
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
import React from 'react'
|
||||
import PlaceholderLayout from './placeholder_layout'
|
||||
|
||||
export default class MediaGalleryPanelPlaceholder extends PureComponent {
|
||||
export default class MediaGalleryPanelPlaceholder extends React.PureComponent {
|
||||
|
||||
render() {
|
||||
return (
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
import React from 'react'
|
||||
import PlaceholderLayout from './placeholder_layout'
|
||||
|
||||
export default class MediaGalleryPlaceholder extends PureComponent {
|
||||
export default class MediaGalleryPlaceholder extends React.PureComponent {
|
||||
|
||||
render() {
|
||||
return (
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Fragment } from 'react'
|
||||
import React from 'react'
|
||||
import {
|
||||
CX,
|
||||
BREAKPOINT_EXTRA_SMALL,
|
||||
@@ -7,7 +7,7 @@ import { getRandomInt } from '../../utils/numbers'
|
||||
import ResponsiveComponent from '../../features/ui/util/responsive_component'
|
||||
import PlaceholderLayout from './placeholder_layout'
|
||||
|
||||
class NotificationPlaceholder extends PureComponent {
|
||||
class NotificationPlaceholder extends React.PureComponent {
|
||||
|
||||
render() {
|
||||
const { isLast } = this.props
|
||||
@@ -33,7 +33,7 @@ class NotificationPlaceholder extends PureComponent {
|
||||
const left = width2 + 30
|
||||
|
||||
return (
|
||||
<Fragment>
|
||||
<React.Fragment>
|
||||
<ResponsiveComponent min={BREAKPOINT_EXTRA_SMALL}>
|
||||
<div className={classes}>
|
||||
<div className={[_s.default, _s.py2, _s.px2].join(' ')}>
|
||||
@@ -77,7 +77,7 @@ class NotificationPlaceholder extends PureComponent {
|
||||
</div>
|
||||
</div>
|
||||
</ResponsiveComponent>
|
||||
</Fragment>
|
||||
</React.Fragment>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
@@ -1,8 +1,9 @@
|
||||
import React from 'react'
|
||||
import { defineMessages, injectIntl } from 'react-intl'
|
||||
import ContentLoader from 'react-content-loader'
|
||||
import { DEFAULT_THEME } from '../../constants'
|
||||
|
||||
class PlaceholderLayout extends PureComponent {
|
||||
class PlaceholderLayout extends React.PureComponent {
|
||||
|
||||
render() {
|
||||
const {
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
import React from 'react'
|
||||
import PlaceholderLayout from './placeholder_layout'
|
||||
|
||||
export default class ProfileHeaderXSPlaceholder extends PureComponent {
|
||||
export default class ProfileHeaderXSPlaceholder extends React.PureComponent {
|
||||
|
||||
render() {
|
||||
return (
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
import React from 'react'
|
||||
import PlaceholderLayout from './placeholder_layout'
|
||||
|
||||
export default class ProfileInfoPanelPlaceholder extends PureComponent {
|
||||
export default class ProfileInfoPanelPlaceholder extends React.PureComponent {
|
||||
|
||||
render() {
|
||||
return (
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
import React from 'react'
|
||||
import PlaceholderLayout from './placeholder_layout'
|
||||
|
||||
export default class ProfileStatsPanelPlaceholder extends PureComponent {
|
||||
export default class ProfileStatsPanelPlaceholder extends React.PureComponent {
|
||||
|
||||
render() {
|
||||
return (
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Fragment } from 'react'
|
||||
import React from 'react'
|
||||
import {
|
||||
CX,
|
||||
BREAKPOINT_EXTRA_SMALL,
|
||||
@@ -7,7 +7,7 @@ import { getRandomInt } from '../../utils/numbers'
|
||||
import ResponsiveComponent from '../../features/ui/util/responsive_component'
|
||||
import PlaceholderLayout from './placeholder_layout'
|
||||
|
||||
export default class StatusPlaceholder extends PureComponent {
|
||||
export default class StatusPlaceholder extends React.PureComponent {
|
||||
|
||||
render() {
|
||||
const containerClasses = CX({
|
||||
@@ -38,7 +38,7 @@ export default class StatusPlaceholder extends PureComponent {
|
||||
const width3 = getRandomInt(120, 260)
|
||||
|
||||
return (
|
||||
<Fragment>
|
||||
<React.Fragment>
|
||||
<ResponsiveComponent min={BREAKPOINT_EXTRA_SMALL}>
|
||||
<div className={containerClasses}>
|
||||
<PlaceholderLayout viewBox='0 0 476 136'>
|
||||
@@ -63,7 +63,7 @@ export default class StatusPlaceholder extends PureComponent {
|
||||
</PlaceholderLayout>
|
||||
</div>
|
||||
</ResponsiveComponent>
|
||||
</Fragment>
|
||||
</React.Fragment>
|
||||
)
|
||||
|
||||
}
|
||||
|
||||
@@ -1,7 +1,8 @@
|
||||
import React from 'react'
|
||||
import { getRandomInt } from '../../utils/numbers'
|
||||
import PlaceholderLayout from './placeholder_layout'
|
||||
|
||||
export default class TrendsItemPlaceholder extends PureComponent {
|
||||
export default class TrendsItemPlaceholder extends React.PureComponent {
|
||||
|
||||
render() {
|
||||
const title1Width = getRandomInt(280, 330)
|
||||
|
||||
Reference in New Issue
Block a user