From 20db0664e01e93a8a7e19143557ea684d4eced6b Mon Sep 17 00:00:00 2001
From: Nikolai R Kristiansen <nikolai.kristiansen@convertelligence.no>
Date: Sun, 5 May 2019 14:28:21 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20pull=20to=20refresh=20in=20Pr?=
 =?UTF-8?q?oof?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/membership/MembershipContainer.js |  1 +
 src/modules/membership/Proof.js               |  9 +++++----
 src/modules/membership/ProofContainer.js      | 10 ++--------
 3 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/modules/membership/MembershipContainer.js b/src/modules/membership/MembershipContainer.js
index f36a689..053e2ea 100644
--- a/src/modules/membership/MembershipContainer.js
+++ b/src/modules/membership/MembershipContainer.js
@@ -56,6 +56,7 @@ class MembershipContainer extends Component {
       return (
         <ProofContainer
           user={this.props.user}
+          isFetchingUserData={this.props.isFetchingUserData}
           isAuthenticated={this.props.isAuthenticated}
           userToken={this.state.userToken}
           fetchUser={this.fetchUser}
diff --git a/src/modules/membership/Proof.js b/src/modules/membership/Proof.js
index fba071b..ff952dd 100644
--- a/src/modules/membership/Proof.js
+++ b/src/modules/membership/Proof.js
@@ -1,5 +1,5 @@
-import React, { useEffect, useState, useRef } from 'react';
-import { Image, ScrollView, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import React, { useEffect, useRef } from 'react';
+import { Image, ScrollView, StyleSheet, Text, TouchableOpacity, View, RefreshControl } from 'react-native';
 import { Button, Text as NBText, Spinner } from 'native-base';
 import Confetti from 'react-native-confetti';
 
@@ -121,6 +121,8 @@ const MembershipName = ({ user }) => {
 const Proof = ({
   chargeError,
   user,
+  fetchUser,
+  isFetchingUserData,
   isChargingMembership,
   isLoadingMembershipType,
   membershipPrice,
@@ -128,7 +130,6 @@ const Proof = ({
   onLogoutPress,
 }) => {
   const CONFETTI_TIMEOUT = 15000;
-
   const confettiRef = useRef(null);
 
   useEffect(() => {
@@ -151,7 +152,7 @@ const Proof = ({
   return (
     <View>
       <UserConfetti user={user} confettiRef={confettiRef} />
-      <ScrollView>
+      <ScrollView refreshControl={<RefreshControl refreshing={isFetchingUserData} onRefresh={fetchUser} />}>
         <View style={[styles.card, { paddingVertical: 16 }]}>
           <MembershipName user={user} />
           <Logo user={user} />
diff --git a/src/modules/membership/ProofContainer.js b/src/modules/membership/ProofContainer.js
index 8ef56e2..4cb5b2e 100644
--- a/src/modules/membership/ProofContainer.js
+++ b/src/modules/membership/ProofContainer.js
@@ -13,13 +13,6 @@ stripe.setOptions({
 });
 
 class ProofContainer extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      refreshing: false,
-    };
-  }
-
   getPrice(membershipTypes) {
     if (!membershipTypes) {
       return 0;
@@ -31,8 +24,9 @@ class ProofContainer extends Component {
   render() {
     return (
       <Proof
-        {...this.state}
         user={this.props.user}
+        fetchUser={this.props.fetchUser}
+        isFetchingUserData={this.props.isFetchingUserData}
         isChargingMembership={this.props.isChargingMembership}
         isLoadingMembershipType={this.props.data.loading}
         chargeError={this.props.chargeError ? this.props.chargeError : ''}