diff --git a/ios/Podfile.lock b/ios/Podfile.lock index 01aefab63378..5ea5b19896e4 100644 --- a/ios/Podfile.lock +++ b/ios/Podfile.lock @@ -2661,7 +2661,7 @@ PODS: - RNSound/Core (= 0.11.2) - RNSound/Core (0.11.2): - React-Core - - RNSVG (15.6.0): + - RNSVG (15.9.0): - DoubleConversion - glog - hermes-engine @@ -2681,9 +2681,9 @@ PODS: - ReactCodegen - ReactCommon/turbomodule/bridging - ReactCommon/turbomodule/core - - RNSVG/common (= 15.6.0) + - RNSVG/common (= 15.9.0) - Yoga - - RNSVG/common (15.6.0): + - RNSVG/common (15.9.0): - DoubleConversion - glog - hermes-engine @@ -3295,7 +3295,7 @@ SPEC CHECKSUMS: RNScreens: de6e57426ba0e6cbc3fb5b4f496e7f08cb2773c2 RNShare: bd4fe9b95d1ee89a200778cc0753ebe650154bb0 RNSound: 6c156f925295bdc83e8e422e7d8b38d33bc71852 - RNSVG: 1079f96b39a35753d481a20e30603fd6fc4f6fa9 + RNSVG: b2fbe96b2bb3887752f8abc1f495953847e90384 SDWebImage: 066c47b573f408f18caa467d71deace7c0f8280d SDWebImageAVIFCoder: 00310d246aab3232ce77f1d8f0076f8c4b021d90 SDWebImageSVGCoder: 15a300a97ec1c8ac958f009c02220ac0402e936c diff --git a/package-lock.json b/package-lock.json index 0975df3d5a7d..8dc02c8aeeea 100644 --- a/package-lock.json +++ b/package-lock.json @@ -111,7 +111,7 @@ "react-native-screens": "3.34.0", "react-native-share": "11.0.2", "react-native-sound": "^0.11.2", - "react-native-svg": "15.6.0", + "react-native-svg": "15.9.0", "react-native-tab-view": "^3.5.2", "react-native-url-polyfill": "^2.0.0", "react-native-view-shot": "3.8.0", @@ -36031,9 +36031,10 @@ } }, "node_modules/react-native-svg": { - "version": "15.6.0", - "resolved": "https://registry.npmjs.org/react-native-svg/-/react-native-svg-15.6.0.tgz", - "integrity": "sha512-TUtR+h+yi1ODsd8FHdom1TpjfWOmnaK5pri5rnSBXnMqpzq8o2zZfonHTjPX+nS3wb/Pu2XsoARgYaHNjVWXhQ==", + "version": "15.9.0", + "resolved": "https://registry.npmjs.org/react-native-svg/-/react-native-svg-15.9.0.tgz", + "integrity": "sha512-pwo7hteAM0P8jNpPGQtiSd0SnbBhE8tNd94LT8AcZcbnH5AJdXBIcXU4+tWYYeGUjiNAH2E5d0T5XIfnvaz1gA==", + "license": "MIT", "dependencies": { "css-select": "^5.1.0", "css-tree": "^1.1.3", diff --git a/package.json b/package.json index 66e729ed3875..9a8ca5f347a7 100644 --- a/package.json +++ b/package.json @@ -168,7 +168,7 @@ "react-native-screens": "3.34.0", "react-native-share": "11.0.2", "react-native-sound": "^0.11.2", - "react-native-svg": "15.6.0", + "react-native-svg": "15.9.0", "react-native-tab-view": "^3.5.2", "react-native-url-polyfill": "^2.0.0", "react-native-view-shot": "3.8.0", diff --git a/src/components/OptionsListSkeletonView.tsx b/src/components/OptionsListSkeletonView.tsx index b6333c16e23c..032bf01f5a10 100644 --- a/src/components/OptionsListSkeletonView.tsx +++ b/src/components/OptionsListSkeletonView.tsx @@ -28,7 +28,7 @@ function OptionsListSkeletonView({shouldAnimate = true, shouldStyleAsTable = fal return ( { const lineWidth = getLinedWidth(itemIndex); diff --git a/src/components/SkeletonViewContentLoader/index.native.tsx b/src/components/SkeletonViewContentLoader/index.native.tsx index 6d275e065bb0..afd58361947a 100644 --- a/src/components/SkeletonViewContentLoader/index.native.tsx +++ b/src/components/SkeletonViewContentLoader/index.native.tsx @@ -1,10 +1,17 @@ import React from 'react'; import SkeletonViewContentLoader from 'react-content-loader/native'; +import {StyleSheet} from 'react-native'; import type SkeletonViewContentLoaderProps from './types'; -function ContentLoader(props: SkeletonViewContentLoaderProps) { - // eslint-disable-next-line react/jsx-props-no-spreading - return ; +function ContentLoader({style, ...props}: SkeletonViewContentLoaderProps) { + return ( + + ); } export default ContentLoader; diff --git a/src/components/SkeletonViewContentLoader/index.tsx b/src/components/SkeletonViewContentLoader/index.tsx index ad3858a2d8d4..cab7710d02ee 100644 --- a/src/components/SkeletonViewContentLoader/index.tsx +++ b/src/components/SkeletonViewContentLoader/index.tsx @@ -1,10 +1,19 @@ import React from 'react'; +// eslint-disable-next-line no-restricted-imports +import type {CSSProperties} from 'react'; import SkeletonViewContentLoader from 'react-content-loader'; +import {StyleSheet} from 'react-native'; import type SkeletonViewContentLoaderProps from './types'; -function ContentLoader(props: SkeletonViewContentLoaderProps) { - // eslint-disable-next-line react/jsx-props-no-spreading - return ; +function ContentLoader({style, ...props}: SkeletonViewContentLoaderProps) { + return ( + + ); } export default ContentLoader; diff --git a/src/components/SkeletonViewContentLoader/types.ts b/src/components/SkeletonViewContentLoader/types.ts index 5f4089f316dd..de1bdef558ef 100644 --- a/src/components/SkeletonViewContentLoader/types.ts +++ b/src/components/SkeletonViewContentLoader/types.ts @@ -1,6 +1,6 @@ import type {IContentLoaderProps} from 'react-content-loader'; import type {IContentLoaderProps as NativeIContentLoaderProps} from 'react-content-loader/native'; -type SkeletonViewContentLoaderProps = IContentLoaderProps & NativeIContentLoaderProps; +type SkeletonViewContentLoaderProps = Omit & NativeIContentLoaderProps; export default SkeletonViewContentLoaderProps; diff --git a/src/components/Skeletons/CardRowSkeleton.tsx b/src/components/Skeletons/CardRowSkeleton.tsx index d0e14b2bbb9a..24a2f8826908 100644 --- a/src/components/Skeletons/CardRowSkeleton.tsx +++ b/src/components/Skeletons/CardRowSkeleton.tsx @@ -31,7 +31,7 @@ function CardRowSkeleton({shouldAnimate = true, fixedNumItems, gradientOpacityEn shouldAnimate={shouldAnimate} fixedNumItems={fixedNumItems} gradientOpacityEnabled={gradientOpacityEnabled} - itemViewStyle={[styles.highlightBG, styles.mb3, styles.br3, styles.mh5]} + itemViewStyle={[styles.highlightBG, styles.mb3, styles.br3, styles.ml5]} renderSkeletonItem={() => ( <> - - {renderSkeletonItem({itemIndex: i})} - - , + {renderSkeletonItem({itemIndex: i})} + , ); } return items; @@ -83,7 +80,7 @@ function ItemListSkeletonView({ return ( {skeletonViewItems} diff --git a/src/components/Skeletons/SearchRowSkeleton.tsx b/src/components/Skeletons/SearchRowSkeleton.tsx index 3535ba329a90..53f5aaa6065b 100644 --- a/src/components/Skeletons/SearchRowSkeleton.tsx +++ b/src/components/Skeletons/SearchRowSkeleton.tsx @@ -42,7 +42,7 @@ function SearchRowSkeleton({shouldAnimate = true, fixedNumItems, gradientOpacity ( <> ( <>