@quintype/native-components 2.30.8-beta.0 → 2.30.8-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/native-components",
-  "version": "2.30.8-beta.0",
+  "version": "2.30.8-beta.2",
   "description": "",
   "main": "src/index.js",
   "scripts": {

package/src/Icons/CloseIcon/close-icon.js

@@ -9,6 +9,5 @@ export const CloseIcon = (props) => {
   const color = COLORS.BRAND_BLACK;
   return <Svg height={24} width={24} {...props}>
     <Path fill={color} d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />
-    <Path d="M0 0h24v24H0z" />
   </Svg>
 }

package/src/components/StoryGallery/index.js

@@ -140,7 +140,7 @@ export const StoryGallery = ({ cdn, card }) => {
 
             const style = galleryStyles.fullWidth;
             return (
-              <TouchableOpacity style={[galleryStyles.subContainer,{margin:4}]}>
+              <TouchableOpacity style={[galleryStyles.subContainer, { margin: 4 }]}>
                 <LightBoxImage
                   onClickHandler={onPressHandler}
                   hero={!!data.metaData['focus-point']}
@@ -204,7 +204,13 @@ export const StoryGallery = ({ cdn, card }) => {
                 keyExtractor={(item) => item.id}
                 horizontal
                 extraData={currentIndex}
-                onScroll={handleScroll}
+                onMomentumScrollEnd={(event) => {
+                  const index = Math.round(
+                    event.nativeEvent.contentOffset.x /
+                    event.nativeEvent.layoutMeasurement.width
+                  );
+                  setCurrentTabIndex(index);
+                }}
                 initialScrollIndex={index}
                 onScrollToIndexFailed={(info) => {
                   const wait = new Promise((resolve) => setTimeout(resolve, 500));