Merge pull request #1486 from esteemapp/mmore

Datepicker, actionsheet, modal dropdown and popover updates

package.json

@@ -25,6 +25,7 @@
     "@babel/runtime": "^7.5.5",
     "@esteemapp/esteem-render-helpers": "^1.3.3",
     "@esteemapp/react-native-autocomplete-input": "^4.2.1",
+    "@esteemapp/react-native-modal-popover": "^0.0.14",
     "@esteemapp/react-native-multi-slider": "^1.1.0",
     "@esteemapp/react-native-render-html": "^4.1.5",
     "@esteemapp/react-native-slider": "^0.12.0",
@@ -51,12 +52,12 @@
     "react": "16.9.0",
     "react-intl": "^3.9.2",
     "react-native": "0.61.5",
-    "react-native-actionsheet": "^2.4.2",
+    "react-native-actionsheet": "esteemapp/react-native-actionsheet",
     "react-native-autoheight-webview": "^1.3.4",
     "react-native-code-push": "esteemapp/react-native-code-push",
     "react-native-config": "luggit/react-native-config#master",
     "react-native-dark-mode": "^0.2.1",
-    "react-native-datepicker": "^1.7.2",
+    "react-native-datepicker": "esteemapp/react-native-datepicker",
     "react-native-extended-stylesheet": "^0.10.0",
     "react-native-fast-image": "^4.0.14",
     "react-native-gesture-handler": "^1.4.1",
@@ -65,8 +66,7 @@
     "react-native-image-zoom-viewer": "^2.2.27",
     "react-native-keyboard-aware-scroll-view": "^0.9.1",
     "react-native-linear-gradient": "^2.4.2",
-    "react-native-modal-dropdown": "^0.7.0",
+    "react-native-modal-dropdown": "esteemapp/react-native-modal-dropdown",
-    "react-native-modal-popover": "0.0.12",
     "react-native-navigation-bar-color": "^0.1.0",
     "react-native-reanimated": "^1.3.0",
     "react-native-scrollable-tab-view": "esteemapp/react-native-scrollable-tab-view",

src/components/popoverWrapper/popoverWrapperView.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { View, Text, TouchableOpacity } from 'react-native';
-import { Popover, PopoverController } from 'react-native-modal-popover';
+import { Popover, PopoverController } from '@esteemapp/react-native-modal-popover';
 
 import styles from './popoverWrapperStyles';
 

src/components/posts/view/postsView.js

@@ -364,7 +364,7 @@ const PostsView = ({
               }
               return e;
             }}
-            //keyExtractor={(content, i) => `${get(content, 'permlink', '')}${i.toString()}`}
+            keyExtractor={(content, i) => `key-${i.toString()}`}
             onEndReached={() => _loadPosts()}
             removeClippedSubviews
             refreshing={refreshing}

src/components/upvote/view/upvoteView.js

@@ -1,7 +1,7 @@
 import React, { Component, Fragment } from 'react';
 import { View, TouchableOpacity, Text, Alert } from 'react-native';
 import { injectIntl } from 'react-intl';
-import { Popover, PopoverController } from 'react-native-modal-popover';
+import { Popover, PopoverController } from '@esteemapp/react-native-modal-popover';
 import Slider from '@esteemapp/react-native-slider';
 import get from 'lodash/get';
 

src/screens/bookmarks/container/bookmarksContainer.js

@@ -97,7 +97,7 @@ const BookmarksContainer = ({ currentAccount, intl, navigation }) => {
     });
   };
 
-  const _handleOnBookarkPress = (permlink, author) => {
+  const _handleOnBookmarkPress = (permlink, author) => {
     if (permlink && author) {
       navigation.navigate({
         routeName: ROUTES.SCREENS.POST,
@@ -126,7 +126,7 @@ const BookmarksContainer = ({ currentAccount, intl, navigation }) => {
       removeFavorite={_removeFavorite}
       removeBookmark={_removeBoomark}
       handleOnFavoritePress={_handleOnFavoritePress}
-      handleOnBookarkPress={_handleOnBookarkPress}
+      handleOnBookmarkPress={_handleOnBookmarkPress}
     />
   );
 };

src/screens/bookmarks/screen/bookmarksScreen.js

@@ -15,7 +15,7 @@ const BookmarksScreen = ({
   isLoading,
   intl,
   handleOnFavoritePress,
-  handleOnBookarkPress,
+  handleOnBookmarkPress,
   favorites,
   bookmarks,
   removeFavorite,
@@ -47,7 +47,7 @@ const BookmarksScreen = ({
           handleOnPress={() =>
             isFavorites
               ? handleOnFavoritePress(item.account)
-              : handleOnBookarkPress(item.permlink, item.author)
+              : handleOnBookmarkPress(item.permlink, item.author)
           }
           index={index}
           isClickable

yarn.lock

@@ -1130,6 +1130,15 @@
   resolved "https://registry.yarnpkg.com/@esteemapp/react-native-autocomplete-input/-/react-native-autocomplete-input-4.2.1.tgz#a883db553dcc152cf6ac5e6a39bc7e35682286ce"
   integrity sha512-lZFIRoAmFhON69BuoWDbXXBSmjLRM4GDyIbaVwcRPD4y9l9wVgYIpN7MdtgRj66XYhS1ffJZhhMhqlzRC5sFAQ==
 
+"@esteemapp/react-native-modal-popover@^0.0.14":
+  version "0.0.14"
+  resolved "https://registry.yarnpkg.com/@esteemapp/react-native-modal-popover/-/react-native-modal-popover-0.0.14.tgz#b250b938e0b1926103a46d77c4db1a0b4760edf9"
+  integrity sha512-BrFaIksrDy1wbZ69amPR49kdkbT1+EXQhgfjkf9m5brhpGzWwcVJR4+dXUDSU0jQVu2PTIwmvfDD6Ln6zcGSRQ==
+  dependencies:
+    "@types/prop-types" "^15.5.5"
+    lodash.debounce "^4.0.8"
+    prop-types "^15.6.2"
+
 "@esteemapp/react-native-multi-slider@^1.1.0":
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/@esteemapp/react-native-multi-slider/-/react-native-multi-slider-1.1.0.tgz#16ac1df8518147daa4977cec2503caba1fbd96b5"
@@ -7534,10 +7543,9 @@ react-lifecycles-compat@^3.0.4:
   resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
   integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
 
-react-native-actionsheet@^2.4.2:
+react-native-actionsheet@esteemapp/react-native-actionsheet:
   version "2.4.2"
-  resolved "https://registry.yarnpkg.com/react-native-actionsheet/-/react-native-actionsheet-2.4.2.tgz#6a00dd51a75ef2c8974312130e405af73191500f"
+  resolved "https://codeload.github.com/esteemapp/react-native-actionsheet/tar.gz/6cc19973e72bd0e0ba750ce34d42243acff9c109"
-  integrity sha512-DBoWIvVwuWXuptF4t46pBqkFxaUxS+rsIdHiA05t0n4BdTIDV2R4s9bLEUVOGzb94D7VxIamsXZPA/3mmw+SXg==
 
 react-native-autoheight-webview@^1.3.4:
   version "1.3.4"
@@ -7573,10 +7581,9 @@ react-native-dark-mode@^0.2.1:
     events "^3.0.0"
     toolkit.ts "^0.0.2"
 
-react-native-datepicker@^1.7.2:
+react-native-datepicker@esteemapp/react-native-datepicker:
   version "1.7.2"
-  resolved "https://registry.yarnpkg.com/react-native-datepicker/-/react-native-datepicker-1.7.2.tgz#58d0822591a0ac9b32aba082650222a0ee29669d"
+  resolved "https://codeload.github.com/esteemapp/react-native-datepicker/tar.gz/844955f20ede921e6a8b83d95c58167970f9279b"
-  integrity sha1-WNCCJZGgrJsyq6CCZQIioO4pZp0=
   dependencies:
     moment "^2.22.0"
 
@@ -7653,23 +7660,13 @@ react-native-linear-gradient@^2.4.2:
   resolved "https://registry.yarnpkg.com/react-native-linear-gradient/-/react-native-linear-gradient-2.5.6.tgz#96215cbc5ec7a01247a20890888aa75b834d44a0"
   integrity sha512-HDwEaXcQIuXXCV70O+bK1rizFong3wj+5Q/jSyifKFLg0VWF95xh8XQgfzXwtq0NggL9vNjPKXa016KuFu+VFg==
 
-react-native-modal-dropdown@^0.7.0:
+react-native-modal-dropdown@esteemapp/react-native-modal-dropdown:
   version "0.7.0"
-  resolved "https://registry.yarnpkg.com/react-native-modal-dropdown/-/react-native-modal-dropdown-0.7.0.tgz#d030c4159ff026bedd5c20aa59b146495b860814"
+  resolved "https://codeload.github.com/esteemapp/react-native-modal-dropdown/tar.gz/0269a57c8c248f91a3c599ea20ac106f43f27d1b"
-  integrity sha512-h2UrozBByQhL56XDboj/wjc/5Ny787eLQ++4ql7TecBdbLqbf+tlE62VeXKz30XVMN3iUVYUR/XmM/RIwLIXEg==
   dependencies:
     deprecated-react-native-listview "0.0.5"
     prop-types "^15.6.0"
 
-react-native-modal-popover@0.0.12:
-  version "0.0.12"
-  resolved "https://registry.yarnpkg.com/react-native-modal-popover/-/react-native-modal-popover-0.0.12.tgz#5c0b5e9e0323490c3c5867821fc94b6582bfa3dc"
-  integrity sha512-uZQsTDcGOI8y/05L/Lb0OMBesJYYRWEc0pj2038a579LnDnJJpKay0kD654cQpA4Ozt3xbu4DMTGwenynBSEFg==
-  dependencies:
-    "@types/prop-types" "^15.5.5"
-    lodash.debounce "^4.0.8"
-    prop-types "^15.6.2"
-
 react-native-navigation-bar-color@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/react-native-navigation-bar-color/-/react-native-navigation-bar-color-0.1.0.tgz#358be3eb8630dbaf5993ec9cf07b279590984f2e"