JS sample app fix for Contacts issue

rakutentech · Feb 8, 2024 · 3bd7b4b · 3bd7b4b
1 parent 83b9a9b
commit 3bd7b4b
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/js-miniapp-sample/src/pages/user-details.js b/js-miniapp-sample/src/pages/user-details.js
@@ -311,6 +311,7 @@ function UserDetails(props: UserDetailsProps) {
       'Page',
       ''
     );
+    props.contactList = undefined;
   });
 
   function requestNamePhoto() {
@@ -376,7 +377,7 @@ function UserDetails(props: UserDetailsProps) {
         description: 'We would like to send messages to your contacts.',
       },
     ];
-
+    props.contactList = undefined
     props
       .requestPermissions(permissionsList)
       .then((permissions) => filterAllowedPermissions(permissions))
@@ -402,7 +403,10 @@ function UserDetails(props: UserDetailsProps) {
           'We would like to display your Points on your profile page.',
       },
     ];
-    props.points = undefined;
+    if (props !== undefined) {
+      props.points = undefined;
+    }
+
 
     props
       .requestPermissions(permissionsList)
@@ -570,7 +574,7 @@ function UserDetails(props: UserDetailsProps) {
           }}
         />
         <Paper className={classes.paper}>
-          {hasContactsPermision && props.contactList && (
+          {hasContactsPermision && !state.isContactsError && props.contactList && (
             <CardHeader
               subheader={'Contact List: ' + props.contactList.length}
             />
@@ -585,6 +589,7 @@ function UserDetails(props: UserDetailsProps) {
               </ListItem>
             )}
             {hasContactsPermision &&
+              !state.isContactsError &&
               props.contactList &&
               dataFiltered.map((contact) => (
                 <ListItem divider>