Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Use react-native-fast-image for remote images #8399

Closed
wants to merge 1 commit into from

Conversation

shamardy
Copy link
Contributor

Fixes #7633

@shamardy shamardy requested a review from a team as a code owner June 10, 2019 12:57
@status-github-bot
Copy link

Pull Request Checklist

  • Have you updated the documentation, if impacted (e.g. docs.status.im)?

@status-im-auto
Copy link
Member

status-im-auto commented Jun 10, 2019

Jenkins Builds

Click to see older builds (85)
Commit #️⃣ Finished (UTC) Duration Platform Result
d404c04 #1 2019-06-10 12:58:49 ~51 sec ios 📄 log
d404c04 #1 2019-06-10 13:07:54 ~10 min android-e2e 📄 log
d404c04 #1 2019-06-10 13:07:56 ~10 min android 📄 log
✔️ d404c04 #1 2019-06-10 13:13:50 ~15 min linux 📦 App
✔️ d404c04 #1 2019-06-10 13:14:24 ~16 min macos 📦 dmg
✔️ d404c04 #1 2019-06-10 13:14:54 ~16 min windows 📦 exe
2cc1243 #2 2019-06-12 03:52:24 ~49 sec ios 📄 log
2cc1243 #2 2019-06-12 04:01:21 ~9 min android-e2e 📄 log
2cc1243 #2 2019-06-12 04:01:30 ~9 min android 📄 log
✔️ 2cc1243 #2 2019-06-12 04:08:08 ~16 min macos 📦 dmg
✔️ 2cc1243 #2 2019-06-12 04:08:50 ~17 min linux 📦 App
✔️ 2cc1243 #2 2019-06-12 04:09:13 ~17 min windows 📦 exe
cd7f03e #3 2019-06-16 00:58:04 ~31 sec android 📄 log
cd7f03e #3 2019-06-16 00:58:04 ~26 sec linux 📄 log
cd7f03e #3 2019-06-16 00:58:04 ~23 sec macos 📄 log
cd7f03e #3 2019-06-16 00:58:04 ~28 sec ios 📄 log
cd7f03e #3 2019-06-16 00:58:06 ~22 sec windows 📄 log
cd7f03e #3 2019-06-16 01:05:28 ~7 min android-e2e 📄 log
a7dfa66 #4 2019-06-16 01:13:01 ~36 sec ios 📄 log
a7dfa66 #4 2019-06-16 01:20:30 ~8 min android-e2e 📄 log
a7dfa66 #4 2019-06-16 01:20:39 ~8 min android 📄 log
✔️ a7dfa66 #4 2019-06-16 01:25:52 ~13 min macos 📦 dmg
✔️ a7dfa66 #4 2019-06-16 01:26:00 ~13 min linux 📦 App
✔️ a7dfa66 #4 2019-06-16 01:26:17 ~13 min windows 📦 exe
ffc4b2f #5 2019-06-16 14:31:24 ~49 sec ios 📄 log
ffc4b2f #5 2019-06-16 14:39:01 ~8 min android-e2e 📄 log
ffc4b2f #5 2019-06-16 14:39:03 ~8 min android 📄 log
✔️ ffc4b2f #5 2019-06-16 14:43:44 ~13 min linux 📦 App
✔️ ffc4b2f #5 2019-06-16 14:44:03 ~13 min windows 📦 exe
✔️ ffc4b2f #5 2019-06-16 14:45:13 ~14 min macos 📦 dmg
e3b5368 #6 2019-06-16 15:13:19 ~48 sec ios 📄 log
e3b5368 #6 2019-06-16 15:20:52 ~8 min android-e2e 📄 log
e3b5368 #6 2019-06-16 15:20:53 ~8 min android 📄 log
✔️ e3b5368 #6 2019-06-16 15:25:44 ~13 min macos 📦 dmg
✔️ e3b5368 #6 2019-06-16 15:26:10 ~13 min linux 📦 App
✔️ e3b5368 #6 2019-06-16 15:26:39 ~14 min windows 📦 exe
56ae978 #7 2019-06-18 20:20:18 ~53 sec ios 📄 log
b3e514e #8 2019-06-18 20:30:20 ~1 min ios 📄 log
✔️ b3e514e #8 2019-06-18 20:42:28 ~13 min macos 📦 dmg
b3e514e #7 2019-06-18 20:48:58 ~20 min android-e2e 📄 log
b3e514e #8 2019-06-18 20:51:46 ~23 min android 📄 log
✔️ b3e514e #8 2019-06-18 20:58:14 ~29 min linux 📦 App
✔️ b3e514e #8 2019-06-18 21:02:11 ~33 min windows 📦 exe
2fe99a9 #9 2019-06-19 06:10:14 ~47 sec ios 📄 log
2fe99a9 #9 2019-06-19 06:13:25 ~3 min linux 📄 log
2fe99a9 #9 2019-06-19 06:15:58 ~6 min windows 📄 log
2fe99a9 #9 2019-06-19 06:20:07 ~10 min android 📄 log
2fe99a9 #8 2019-06-19 06:20:07 ~10 min android-e2e 📄 log
✔️ 2fe99a9 #9 2019-06-19 06:21:46 ~12 min macos 📦 dmg
58bdcac #10 2019-06-20 07:00:40 ~52 sec ios 📄 log
✔️ 58bdcac #10 2019-06-20 07:11:38 ~11 min macos 📦 dmg
✔️ 58bdcac #10 2019-06-20 07:11:46 ~11 min linux 📦 App
✔️ 58bdcac #10 2019-06-20 07:12:51 ~12 min windows 📦 exe
✔️ 58bdcac #10 2019-06-20 07:17:39 ~17 min android 📦 apk
✔️ 58bdcac #9 2019-06-20 07:17:55 ~18 min android-e2e 📦 apk
2eeb4d5 #11 2019-06-20 07:22:09 ~47 sec ios 📄 log
✔️ 2eeb4d5 #11 2019-06-20 07:32:52 ~11 min macos 📦 dmg
✔️ 2eeb4d5 #11 2019-06-20 07:34:28 ~13 min linux 📦 App
✔️ 2eeb4d5 #11 2019-06-20 07:37:02 ~15 min windows 📦 exe
✔️ 2eeb4d5 #11 2019-06-20 07:37:41 ~16 min android 📦 apk
✔️ 2eeb4d5 #10 2019-06-20 07:38:03 ~16 min android-e2e 📦 apk
74b2ad3 #12 2019-06-20 08:18:37 ~4 min ios 📄 log
✔️ 74b2ad3 #12 2019-06-20 08:25:37 ~11 min macos 📦 dmg
✔️ 74b2ad3 #11 2019-06-20 08:26:46 ~13 min android-e2e 📦 apk
✔️ 74b2ad3 #12 2019-06-20 08:27:39 ~14 min android 📦 apk
✔️ 74b2ad3 #12 2019-06-20 08:29:34 ~15 min linux 📦 App
✔️ 74b2ad3 #12 2019-06-20 08:32:18 ~18 min windows 📦 exe
97087a4 #13 2019-06-23 02:56:32 ~53 sec ios 📄 log
✔️ 97087a4 #13 2019-06-23 03:07:54 ~12 min macos 📦 dmg
✔️ 97087a4 #13 2019-06-23 03:13:13 ~17 min linux 📦 App
✔️ 97087a4 #13 2019-06-23 03:13:21 ~17 min windows 📦 exe
97087a4 #12 2019-06-23 03:14:04 ~18 min android-e2e 📄 log
✔️ 97087a4 #13 2019-06-23 03:14:08 ~18 min android 📦 apk
5383bf8 #14 2019-06-23 06:33:02 ~47 sec ios 📄 log
✔️ 5383bf8 #14 2019-06-23 06:43:49 ~11 min macos 📦 dmg
✔️ 5383bf8 #14 2019-06-23 06:49:11 ~16 min linux 📦 App
✔️ 5383bf8 #14 2019-06-23 06:49:47 ~17 min windows 📦 exe
5383bf8 #13 2019-06-23 06:51:47 ~19 min android-e2e 📄 log
✔️ 5383bf8 #14 2019-06-23 06:51:50 ~19 min android 📦 apk
51ad41b #15 2019-06-24 06:52:48 ~47 sec ios 📄 log
✔️ 51ad41b #15 2019-06-24 07:04:14 ~12 min macos 📦 dmg
✔️ 51ad41b #15 2019-06-24 07:08:47 ~16 min linux 📦 App
51ad41b #14 2019-06-24 07:09:22 ~17 min android-e2e 📄 log
✔️ 51ad41b #15 2019-06-24 07:09:29 ~17 min android 📦 apk
✔️ 51ad41b #15 2019-06-24 07:09:50 ~17 min windows 📦 exe
Commit #️⃣ Finished (UTC) Duration Platform Result
4121c29 #16 2019-07-10 13:20:07 ~24 sec android 📄 log
4121c29 #16 2019-07-10 13:20:15 ~27 sec linux 📄 log
4121c29 #16 2019-07-10 13:20:16 ~25 sec macos 📄 log
4121c29 #16 2019-07-10 13:20:16 ~30 sec ios 📄 log
4121c29 #16 2019-07-10 13:20:20 ~26 sec windows 📄 log
4121c29 #15 2019-07-10 13:32:27 ~12 min android-e2e 📄 log
b0da535 #17 2019-07-10 14:10:48 ~5 min ios 📄 log
✔️ b0da535 #17 2019-07-10 14:16:47 ~11 min macos 📦 dmg
✔️ b0da535 #17 2019-07-10 14:19:14 ~14 min android 📦 apk
✔️ b0da535 #16 2019-07-10 14:19:25 ~14 min android-e2e 📦 apk
✔️ b0da535 #17 2019-07-10 14:20:27 ~15 min linux 📦 App
✔️ b0da535 #17 2019-07-10 14:21:38 ~16 min windows 📦 exe

@shamardy shamardy changed the title Use react-native-fast-image for remote images #7633 Use react-native-fast-image for remote images Jun 10, 2019
@flexsurfer
Copy link
Member

hey @shamardy is it WIP?

@shamardy
Copy link
Contributor Author

hey @shamardy is it WIP?

No. Also I dont have Overall/Read permission in Jenkins to check the logs and errors.

@flexsurfer
Copy link
Member

but i couldn't find any usage of this new component in the code, we should replace react native image on this new component

Copy link
Member

@flexsurfer flexsurfer left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

thanks for the contribution @shamardy left some comments

@@ -26,6 +26,7 @@
(def status-keycard (fn [] #js {:default #js {}}))
(def dialogs (fn [] #js {}))
(def dismiss-keyboard (fn [] #js {}))
(def fast-image (fn [] #js {}))
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

i'm not sure about desktop, @vkjr ?

@@ -51,7 +52,7 @@
(when style {:style style}))] children))

(defn image [{:keys [source uri style]}]
[react/image (merge {:style (merge {:width 100 :height 100} style)} {:source (if source source {:uri uri})})])
[rn-dependencies/fast-image (merge {:style (merge {:width 100 :height 100} style)} {:source (if source source {:uri uri})})])
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@@ -61,7 +61,7 @@

(def text-class ((get-class "Text")))
(def text-input-class (get-class "TextInput"))
(def image-class (get-class "Image"))
(def fast-image-class (get-class "fast-image"))
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

get-class retrieves class from react native package, but you need to get it from react-native-fast-image, see how it works for image picker for example https://github.com/status-im/status-react/blob/f3aa376d167ed7d7dd5073b83f641cba7f861b03/components/src/status_im/ui/components/react.cljs#L202-L213

@flexsurfer flexsurfer requested a review from jeluard June 17, 2019 08:01
@flexsurfer
Copy link
Member

hey @shamardy thanks for your effort, there is an error in ios build [!] No podspec found for react-native-fast-imag in ../node_modules/react-native-fast-image

@dependency-lockfile-snitch
Copy link

mobile_files/yarn.lock changed. Pinging @jakubgs, @mandrigin, and @corpetty

2 similar comments
@dependency-lockfile-snitch
Copy link

mobile_files/yarn.lock changed. Pinging @jakubgs, @mandrigin, and @corpetty

@dependency-lockfile-snitch
Copy link

mobile_files/yarn.lock changed. Pinging @jakubgs, @mandrigin, and @corpetty

@dependency-lockfile-snitch
Copy link

mobile_files/yarn.lock changed. Pinging @jakubgs, @mandrigin, and @corpetty

2 similar comments
@dependency-lockfile-snitch
Copy link

mobile_files/yarn.lock changed. Pinging @jakubgs, @mandrigin, and @corpetty

@dependency-lockfile-snitch
Copy link

mobile_files/yarn.lock changed. Pinging @jakubgs, @mandrigin, and @corpetty

@flexsurfer
Copy link
Member

hey @shamardy any updates?

@dependency-lockfile-snitch
Copy link

mobile_files/yarn.lock changed. Pinging @jakubgs, @pombeirp, and @corpetty

commit 4121c29
Author: shamardy <shamardy@yahoo.com>
Date:   Wed Jul 10 15:18:46 2019 +0200

    fix desktop dependencies

commit 51ad41b
Author: shamardy <shamardy@yahoo.com>
Date:   Mon Jun 24 08:51:09 2019 +0200

    fix

commit 5383bf8
Author: shamardy <shamardy@yahoo.com>
Date:   Sun Jun 23 08:31:35 2019 +0200

    fix

commit 97087a4
Author: shamardy <shamardy@yahoo.com>
Date:   Sun Jun 23 04:54:58 2019 +0200

    fix

commit 74b2ad3
Author: shamardy <shamardy@yahoo.com>
Date:   Thu Jun 20 08:13:08 2019 +0200

    fix project.pbxproj

commit 2eeb4d5
Author: shamardy <shamardy@yahoo.com>
Date:   Thu Jun 20 07:20:34 2019 +0200

    fix project.pbxproj

commit 58bdcac
Author: shamardy <shamardy@yahoo.com>
Date:   Thu Jun 20 06:58:54 2019 +0200

    fix

commit 2fe99a9
Author: shamardy <shamardy@yahoo.com>
Date:   Wed Jun 19 06:08:45 2019 +0200

    fix

commit b3e514e
Author: shamardy <shamardy@yahoo.com>
Date:   Tue Jun 18 20:26:37 2019 +0200

    Squashed commit of the following:

    commit 56ae978
    Author: shamardy <shamardy@yahoo.com>
    Date:   Tue Jun 18 20:18:47 2019 +0200

        Fix Podfile.lock

    commit e3b5368
    Author: shamardy <shamardy@yahoo.com>
    Date:   Sun Jun 16 17:11:55 2019 +0200

        fix

    commit ffc4b2f
    Author: shamardy <shamardy@yahoo.com>
    Date:   Sun Jun 16 16:29:57 2019 +0200

        fix fast-image-class

    commit a7dfa66
    Author: shamardy <shamardy@yahoo.com>
    Date:   Sun Jun 16 03:11:35 2019 +0200

        Squashed commit of the following:

        commit cd7f03e
        Author: shamardy <shamardy@yahoo.com>
        Date:   Sun Jun 16 02:56:31 2019 +0200

            Fixes

        commit 2cc1243
        Author: shamardy <shamardy@yahoo.com>
        Date:   Wed Jun 12 05:50:56 2019 +0200

            Use FastImage instead of Native Image

        commit d404c04
        Author: shamardy <shamardy@yahoo.com>
        Date:   Mon Jun 10 14:55:13 2019 +0200

            Squashed commit of the following:

            commit 42c89c1
            Author: shamardy <shamardy@yahoo.com>
            Date:   Mon Jun 10 14:48:12 2019 +0200

                Use react-native-fast-image for remote images
@dependency-lockfile-snitch
Copy link

mobile_files/yarn.lock changed. Pinging @jakubgs, @pombeirp, and @corpetty

@flexsurfer
Copy link
Member

@shamardy could you rebase onto develop please, thanks

@oskarth
Copy link
Contributor

oskarth commented Aug 5, 2019

Closing PR as no longer active. Please re-open if this is in error.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
No open projects
Archived in project
Development

Successfully merging this pull request may close these issues.

Use react-native-fast-image for remote images
6 participants