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:
mgabdev
2020-08-17 15:07:16 -05:00
parent 92a89e2425
commit 43e384554c
293 changed files with 572 additions and 313 deletions

View File

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

View File

@@ -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({

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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