diff --git a/config/webpack/webpack.common.js b/config/webpack/webpack.common.js index a22a9d55b2a38..8d423dbc4213b 100644 --- a/config/webpack/webpack.common.js +++ b/config/webpack/webpack.common.js @@ -187,7 +187,6 @@ const webpackConfig = ({envFile = '.env', platform = 'web'}) => ({ 'react-native-config': 'react-web-config', 'react-native$': '@expensify/react-native-web', 'react-native-web': '@expensify/react-native-web', - 'react-content-loader/native': 'react-content-loader', 'lottie-react-native': 'react-native-web-lottie', // Module alias for web & desktop diff --git a/src/components/CurrentUserPersonalDetailsSkeletonView/index.js b/src/components/CurrentUserPersonalDetailsSkeletonView/index.js index f2d7a8b718970..d56153cce1d3f 100644 --- a/src/components/CurrentUserPersonalDetailsSkeletonView/index.js +++ b/src/components/CurrentUserPersonalDetailsSkeletonView/index.js @@ -1,9 +1,9 @@ import PropTypes from 'prop-types'; import React from 'react'; -import SkeletonViewContentLoader from 'react-content-loader/native'; import {View} from 'react-native'; import {Circle, Rect} from 'react-native-svg'; import _ from 'underscore'; +import SkeletonViewContentLoader from '@components/SkeletonViewContentLoader'; import styles from '@styles/styles'; import * as StyleUtils from '@styles/StyleUtils'; import themeColors from '@styles/themes/default'; diff --git a/src/components/MoneyRequestSkeletonView.js b/src/components/MoneyRequestSkeletonView.js index e03cb78972cff..32eb8fef222b2 100644 --- a/src/components/MoneyRequestSkeletonView.js +++ b/src/components/MoneyRequestSkeletonView.js @@ -1,9 +1,9 @@ import React from 'react'; -import SkeletonViewContentLoader from 'react-content-loader/native'; import {Rect} from 'react-native-svg'; import styles from '@styles/styles'; import themeColors from '@styles/themes/default'; import variables from '@styles/variables'; +import SkeletonViewContentLoader from './SkeletonViewContentLoader'; function MoneyRequestSkeletonView() { return ( diff --git a/src/components/OptionsListSkeletonView.js b/src/components/OptionsListSkeletonView.js index 76341276ba91f..24783604e39a8 100644 --- a/src/components/OptionsListSkeletonView.js +++ b/src/components/OptionsListSkeletonView.js @@ -1,11 +1,11 @@ import PropTypes from 'prop-types'; import React from 'react'; -import SkeletonViewContentLoader from 'react-content-loader/native'; import {View} from 'react-native'; import {Circle, Rect} from 'react-native-svg'; import styles from '@styles/styles'; import themeColors from '@styles/themes/default'; import CONST from '@src/CONST'; +import SkeletonViewContentLoader from './SkeletonViewContentLoader'; const propTypes = { /** Whether to animate the skeleton view */ diff --git a/src/components/ReportActionsSkeletonView/SkeletonViewLines.js b/src/components/ReportActionsSkeletonView/SkeletonViewLines.js index 1811c14e46951..51ae4c1034a59 100644 --- a/src/components/ReportActionsSkeletonView/SkeletonViewLines.js +++ b/src/components/ReportActionsSkeletonView/SkeletonViewLines.js @@ -1,7 +1,7 @@ import PropTypes from 'prop-types'; import React from 'react'; -import SkeletonViewContentLoader from 'react-content-loader/native'; import {Circle, Rect} from 'react-native-svg'; +import SkeletonViewContentLoader from '@components/SkeletonViewContentLoader'; import styles from '@styles/styles'; import themeColors from '@styles/themes/default'; import CONST from '@src/CONST'; diff --git a/src/components/ReportHeaderSkeletonView.js b/src/components/ReportHeaderSkeletonView.js index f2001094f60a9..6d2a8e343e3b1 100644 --- a/src/components/ReportHeaderSkeletonView.js +++ b/src/components/ReportHeaderSkeletonView.js @@ -1,6 +1,5 @@ import PropTypes from 'prop-types'; import React from 'react'; -import SkeletonViewContentLoader from 'react-content-loader/native'; import {View} from 'react-native'; import {Circle, Rect} from 'react-native-svg'; import compose from '@libs/compose'; @@ -11,6 +10,7 @@ import CONST from '@src/CONST'; import Icon from './Icon'; import * as Expensicons from './Icon/Expensicons'; import PressableWithFeedback from './Pressable/PressableWithFeedback'; +import SkeletonViewContentLoader from './SkeletonViewContentLoader'; import withLocalize, {withLocalizePropTypes} from './withLocalize'; import withWindowDimensions, {windowDimensionsPropTypes} from './withWindowDimensions'; diff --git a/src/components/SkeletonViewContentLoader/index.js b/src/components/SkeletonViewContentLoader/index.js new file mode 100644 index 0000000000000..335611c6f5cbb --- /dev/null +++ b/src/components/SkeletonViewContentLoader/index.js @@ -0,0 +1,3 @@ +import SkeletonViewContentLoader from 'react-content-loader'; + +export default SkeletonViewContentLoader; diff --git a/src/components/SkeletonViewContentLoader/index.native.js b/src/components/SkeletonViewContentLoader/index.native.js new file mode 100644 index 0000000000000..bdcea964e52c1 --- /dev/null +++ b/src/components/SkeletonViewContentLoader/index.native.js @@ -0,0 +1,3 @@ +import SkeletonViewContentLoader from 'react-content-loader/native'; + +export default SkeletonViewContentLoader;