be-components 4.3.3 → 4.3.4

package/lib/module/SocialComponents/PodcastModule/index.js

@@ -1,14 +1,16 @@
 import React, { useEffect, useState } from 'react';
-import { View, ActivityIndicator, Image, ScrollView, TouchableOpacity, FlatList } from "react-native";
+import { ActivityIndicator, Image, FlatList } from "react-native";
 import { PodcastApi } from './api';
-import Colors from '../../constants/colors';
 import { SocialPodcastHelpers } from '../api';
-import { view_styles } from '../../constants/styles';
-import { Button, Icons, Spring, Text } from '../../Components';
+import { Icons } from '../../Components';
 import PodcastEpisodeCard from '../PodcastEpisodeCard';
 import moment from 'moment-mini';
 import PlayerCard from '../PlayerCard';
 import ClaimPodcastModal from './components/ClaimPodcastModal';
+import { Button, Text, View } from '../../Components/Themed';
+import { useColors } from '../../constants/useColors';
+import Pagination from '../../Components/Pagination';
+const sections = ['header', 'players', 'episodes'];
 const PodcastModule = ({
   podcast_id,
   player_id,
@@ -19,6 +21,7 @@ const PodcastModule = ({
   onSharePodcast,
   onSelectPlayer
 }) => {
+  const Colors = useColors();
   const [module_size, setModuleSize] = useState({
     height: 700,
     width: 330
@@ -101,6 +104,7 @@ const PodcastModule = ({
   };
   const renderPlayers = data => {
     return /*#__PURE__*/React.createElement(View, {
+      float: true,
       style: {
         padding: 4
       }
@@ -116,7 +120,12 @@ const PodcastModule = ({
   const renderEpsidoes = data => {
     const ep_width = (module_size.width - 60) / 2;
     const ppe = player_podcast_episodes.find(pp => pp.podcast_episode_id == data.item.podcast_episode_id);
-    return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(PodcastEpisodeCard, {
+    return /*#__PURE__*/React.createElement(View, {
+      float: true,
+      style: {
+        margin: 7
+      }
+    }, /*#__PURE__*/React.createElement(PodcastEpisodeCard, {
       podcast_episode: data.item,
       player_podcast_episode: ppe,
       width: ep_width,
@@ -124,34 +133,318 @@ const PodcastModule = ({
       onSelectEpisode: onSelectEpisode
     }));
   };
-  if (!podcast || loading) {
-    return /*#__PURE__*/React.createElement(View, {
-      style: {
-        flex: 1
-      }
-    }, /*#__PURE__*/React.createElement(ActivityIndicator, {
-      style: {
-        padding: 20,
-        alignSelf: 'center'
-      },
-      size: "large",
-      color: Colors.brand.midnight
-    }));
-  }
   let height = module_size.height * 0.5;
   let width = module_size.width;
-  let description = `${podcast.description.slice(0, 200)}...`;
-  if (podcast.description_override) {
-    description = `${podcast.description.slice(0, 200)}...`;
-  }
+  const renderSections = data => {
+    switch (data.item) {
+      case 'header':
+        if (!podcast) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        let description = `${podcast.description.slice(0, 200)}...`;
+        if (podcast.description_override) {
+          description = `${podcast.description.slice(0, 200)}...`;
+        }
+        return /*#__PURE__*/React.createElement(View, {
+          nativeID: "podcast_header"
+        }, /*#__PURE__*/React.createElement(Image, {
+          source: {
+            uri: SocialPodcastHelpers.getPodcastImage(podcast)
+          },
+          style: {
+            width,
+            height
+          },
+          resizeMode: "cover"
+        }), /*#__PURE__*/React.createElement(View, {
+          type: "blur",
+          style: {
+            padding: 20,
+            position: 'absolute',
+            bottom: 0,
+            left: 0,
+            right: 0
+          }
+        }, /*#__PURE__*/React.createElement(Button, {
+          type: "success",
+          onPress: () => {
+            let episode = podcast_episodes.sort((a, b) => moment(b.publish_date).unix() - moment(a.publish_date).unix())[0];
+            if (!episode) {
+              return alert('Unable to process');
+            }
+            onSelectEpisode(episode);
+          },
+          disabled: podcast_episodes.length == 0 ? true : false,
+          style: {
+            padding: 10,
+            borderRadius: 8,
+            width: module_size.width * 0.7,
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'center',
+            alignSelf: 'center'
+          }
+        }, /*#__PURE__*/React.createElement(Icons.PlayIcon, {
+          size: 20,
+          color: Colors.text.action
+        }), /*#__PURE__*/React.createElement(Text, {
+          style: {
+            marginLeft: 15
+          },
+          weight: "bold",
+          color: Colors.text.h1
+        }, "Play Episode")), podcast.claim_status ? /*#__PURE__*/React.createElement(Button, {
+          type: "success",
+          style: {
+            padding: 10,
+            marginTop: 5,
+            borderRadius: 8,
+            width: module_size.width * 0.7,
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'center',
+            alignSelf: 'center'
+          },
+          onPress: () => setShowClaim(true)
+        }, /*#__PURE__*/React.createElement(Icons.HeadphoneIcon, {
+          size: 20,
+          color: Colors.text.h1
+        }), /*#__PURE__*/React.createElement(Text, {
+          style: {
+            marginLeft: 15
+          },
+          weight: "bold",
+          color: Colors.text.h1
+        }, "Claim This Podcast!")) : podcast.claim_status == 'requested' && player?.role != 'admin' ? /*#__PURE__*/React.createElement(View, {
+          style: {
+            padding: 10,
+            marginTop: 5,
+            borderRadius: 8,
+            width: module_size.width * 0.7,
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'center',
+            alignSelf: 'center'
+          }
+        }, /*#__PURE__*/React.createElement(Icons.HeadphoneIcon, {
+          size: 20,
+          color: Colors.text.h1
+        }), /*#__PURE__*/React.createElement(Text, {
+          style: {
+            marginLeft: 15
+          },
+          weight: "bold",
+          color: Colors.text.h1
+        }, "Claim Requested!")) : podcast.claim_status == 'requested' && player?.role == 'admin' ? /*#__PURE__*/React.createElement(Button, {
+          type: "success",
+          style: {
+            padding: 10,
+            marginTop: 5,
+            borderRadius: 8,
+            width: module_size.width * 0.7,
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'center',
+            alignSelf: 'center'
+          },
+          onPress: () => approveClaim()
+        }, /*#__PURE__*/React.createElement(Icons.HeadphoneIcon, {
+          size: 20,
+          color: Colors.text.h1
+        }), /*#__PURE__*/React.createElement(Text, {
+          style: {
+            marginLeft: 15
+          },
+          weight: "bold",
+          color: Colors.text.h1
+        }, "Approve Claim Request!")) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            marginTop: 10
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          size: 24,
+          weight: "bold",
+          color: Colors.text.h1
+        }, podcast.title), /*#__PURE__*/React.createElement(Text, {
+          style: {
+            marginTop: 4
+          },
+          color: Colors.text.h1,
+          weight: "semibold"
+        }, description)), podcast.claim_status == 'claimed' ? /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            position: 'absolute',
+            top: 20,
+            left: 5,
+            height: 40,
+            width: 40,
+            borderRadius: 100,
+            justifyContent: 'center',
+            alignItems: 'center'
+          }
+        }, /*#__PURE__*/React.createElement(Icons.CheckCirlceIcon, {
+          size: 30,
+          color: Colors.text.success
+        })) : /*#__PURE__*/React.createElement(React.Fragment, null), podcast.claim_status == 'claimed' && claimed_player ? /*#__PURE__*/React.createElement(Button, {
+          transparent: true,
+          float: true,
+          style: {
+            position: 'absolute',
+            padding: 0,
+            top: 20,
+            right: 5,
+            borderRadius: 100,
+            justifyContent: 'center',
+            alignItems: 'center'
+          },
+          onPress: () => onSelectPlayer ? onSelectPlayer(claimed_player) : console.log('')
+        }, /*#__PURE__*/React.createElement(Image, {
+          source: {
+            uri: claimed_player.profile_pic && claimed_player.profile_pic != '' ? claimed_player.profile_pic : 'https://res.cloudinary.com/hoabts6mc/image/upload/v1722453927/default_man_n96ofq.webp'
+          },
+          style: {
+            height: 40,
+            width: 40,
+            borderRadius: 100
+          },
+          resizeMode: "cover"
+        })) : /*#__PURE__*/React.createElement(React.Fragment, null)), /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            position: 'absolute',
+            top: padding_insets?.top ?? 0,
+            left: 0,
+            right: 0,
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10
+          }
+        }, onBack ? /*#__PURE__*/React.createElement(Button, {
+          float: true,
+          style: {
+            height: 50,
+            width: 50,
+            borderRadius: 100,
+            justifyContent: 'center',
+            alignItems: 'center'
+          },
+          onPress: () => onBack()
+        }, /*#__PURE__*/React.createElement(Icons.ChevronIcon, {
+          direction: "left",
+          color: Colors.text.action,
+          size: 14
+        })) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(View, {
+          style: {
+            flex: 1
+          }
+        }), onSharePodcast ? /*#__PURE__*/React.createElement(Button, {
+          float: true,
+          style: {
+            height: 50,
+            width: 50,
+            borderRadius: 100,
+            justifyContent: 'center',
+            alignItems: 'center'
+          },
+          onPress: () => onSharePodcast(podcast)
+        }, /*#__PURE__*/React.createElement(Icons.ShareIcon, {
+          color: Colors.text.action,
+          size: 14
+        })) : /*#__PURE__*/React.createElement(React.Fragment, null)));
+      case 'players':
+        if (players.length == 0) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, "Podcasters"), /*#__PURE__*/React.createElement(Text, {
+          style: {
+            marginTop: 3
+          },
+          theme: "description"
+        }, "Below are the players that put this podcast on! Check out their profiles"))), /*#__PURE__*/React.createElement(View, {
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/React.createElement(FlatList, {
+          key: "podcastors",
+          data: players,
+          horizontal: true,
+          showsHorizontalScrollIndicator: false,
+          renderItem: renderPlayers,
+          keyExtractor: item => item.player_id.toString()
+        })));
+      case 'episodes':
+        return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, "Episodes"), /*#__PURE__*/React.createElement(Text, {
+          style: {
+            marginTop: 3
+          },
+          theme: "description"
+        }, "Select an episode below to listed to it!"))), /*#__PURE__*/React.createElement(View, {
+          transparent: true
+        }, /*#__PURE__*/React.createElement(Pagination, {
+          offset: episodes_offset,
+          onNext: () => getEpisdoesFromServer(podcast_id, episodes_offset + 1),
+          onPrevious: () => getEpisdoesFromServer(podcast_id, episodes_offset - 1)
+        }), episodes_loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+          style: {
+            padding: 20,
+            alignSelf: 'center'
+          },
+          size: "large",
+          color: Colors.text.h1
+        }) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            flexDirection: 'row',
+            flexWrap: 'wrap',
+            justifyContent: 'center'
+          }
+        }, podcast_episodes.sort((a, b) => moment(b.publish_date).unix() - moment(a.publish_date).unix()).map((e, i) => {
+          return renderEpsidoes({
+            item: e,
+            index: i
+          });
+        }))));
+      default:
+        return /*#__PURE__*/React.createElement(React.Fragment, null);
+    }
+  };
   return /*#__PURE__*/React.createElement(View, {
     style: {
       flex: 1
     }
   }, /*#__PURE__*/React.createElement(View, {
     style: {
-      flex: 1,
-      backgroundColor: Colors.shades.white
+      flex: 1
     },
     onLayout: ev => {
       const {
@@ -163,321 +456,36 @@ const PodcastModule = ({
         height
       });
     }
-  }, /*#__PURE__*/React.createElement(ScrollView, {
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/React.createElement(View, {
-    nativeID: "podcast_header"
-  }, /*#__PURE__*/React.createElement(Image, {
-    source: {
-      uri: SocialPodcastHelpers.getPodcastImage(podcast)
-    },
-    style: {
-      width,
-      height
-    },
-    resizeMode: "cover"
-  }), /*#__PURE__*/React.createElement(View, {
-    style: {
-      padding: 20,
-      position: 'absolute',
-      bottom: 0,
-      left: 0,
-      right: 0,
-      ...style.blur
-    }
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-    onPress: () => {
-      let episode = podcast_episodes.sort((a, b) => moment(b.publish_date).unix() - moment(a.publish_date).unix())[0];
-      if (!episode) {
-        return alert('Unable to process');
-      }
-      onSelectEpisode(episode);
-    },
-    disabled: podcast_episodes.length == 0 ? true : false,
-    style: {
-      padding: 10,
-      borderRadius: 8,
-      width: module_size.width * 0.7,
-      flexDirection: 'row',
-      alignItems: 'center',
-      justifyContent: 'center',
-      alignSelf: 'center',
-      backgroundColor: Colors.shades.white,
-      ...view_styles.float
-    }
-  }, /*#__PURE__*/React.createElement(Icons.PlayIcon, {
-    size: 20,
-    color: Colors.brand.electric
-  }), /*#__PURE__*/React.createElement(Text, {
-    style: {
-      marginLeft: 15
-    },
-    weight: "bold",
-    color: Colors.brand.electric
-  }, "Play Episode")), !podcast.claim_status ? /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: {
-      padding: 10,
-      marginTop: 5,
-      borderRadius: 8,
-      width: module_size.width * 0.7,
-      flexDirection: 'row',
-      alignItems: 'center',
-      justifyContent: 'center',
-      alignSelf: 'center',
-      backgroundColor: Colors.utility.success,
-      ...view_styles.float
-    },
-    onPress: () => setShowClaim(true)
-  }, /*#__PURE__*/React.createElement(Icons.HeadphoneIcon, {
-    size: 20,
-    color: Colors.shades.white
-  }), /*#__PURE__*/React.createElement(Text, {
-    style: {
-      marginLeft: 15
-    },
-    weight: "bold",
-    color: Colors.shades.white
-  }, "Claim This Podcast!")) : podcast.claim_status == 'requested' && player?.role != 'admin' ? /*#__PURE__*/React.createElement(View, {
-    style: {
-      padding: 10,
-      marginTop: 5,
-      borderRadius: 8,
-      width: module_size.width * 0.7,
-      flexDirection: 'row',
-      alignItems: 'center',
-      justifyContent: 'center',
-      alignSelf: 'center',
-      backgroundColor: Colors.brand.midnight,
-      ...view_styles.float
-    }
-  }, /*#__PURE__*/React.createElement(Icons.HeadphoneIcon, {
-    size: 20,
-    color: Colors.shades.white
-  }), /*#__PURE__*/React.createElement(Text, {
-    style: {
-      marginLeft: 15
-    },
-    weight: "bold",
-    color: Colors.shades.white
-  }, "Claim Requested!")) : podcast.claim_status == 'requested' && player?.role == 'admin' ? /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: {
-      padding: 10,
-      marginTop: 5,
-      borderRadius: 8,
-      width: module_size.width * 0.7,
-      flexDirection: 'row',
-      alignItems: 'center',
-      justifyContent: 'center',
-      alignSelf: 'center',
-      backgroundColor: Colors.utility.success,
-      ...view_styles.float
-    },
-    onPress: () => approveClaim()
-  }, /*#__PURE__*/React.createElement(Icons.HeadphoneIcon, {
-    size: 20,
-    color: Colors.shades.white
-  }), /*#__PURE__*/React.createElement(Text, {
-    style: {
-      marginLeft: 15
-    },
-    weight: "bold",
-    color: Colors.shades.white
-  }, "Approve Claim Request!")) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(View, {
-    style: {
-      marginTop: 10
-    }
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: 24,
-    weight: "bold",
-    color: Colors.shades.white
-  }, podcast.title), /*#__PURE__*/React.createElement(Text, {
-    style: {
-      marginTop: 4
-    },
-    color: Colors.shades.white,
-    weight: "semibold"
-  }, description)), podcast.claim_status == 'claimed' ? /*#__PURE__*/React.createElement(View, {
-    style: {
-      position: 'absolute',
-      top: 20,
-      left: 5,
-      height: 40,
-      width: 40,
-      borderRadius: 100,
-      justifyContent: 'center',
-      alignItems: 'center'
-    }
-  }, /*#__PURE__*/React.createElement(Icons.CheckCirlceIcon, {
-    size: 30,
-    color: Colors.utility.success
-  })) : /*#__PURE__*/React.createElement(React.Fragment, null), podcast.claim_status == 'claimed' && claimed_player ? /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: {
-      position: 'absolute',
-      top: 20,
-      right: 5,
-      justifyContent: 'center',
-      alignItems: 'center'
-    },
-    onPress: () => onSelectPlayer ? onSelectPlayer(claimed_player) : console.log('')
-  }, /*#__PURE__*/React.createElement(Image, {
-    source: {
-      uri: claimed_player.profile_pic && claimed_player.profile_pic != '' ? claimed_player.profile_pic : 'https://res.cloudinary.com/hoabts6mc/image/upload/v1722453927/default_man_n96ofq.webp'
-    },
-    style: {
-      height: 40,
-      width: 40,
-      borderRadius: 100
-    },
-    resizeMode: "cover"
-  })) : /*#__PURE__*/React.createElement(React.Fragment, null))), players.length > 0 ? /*#__PURE__*/React.createElement(View, {
-    style: {
-      ...view_styles.section
-    }
-  }, /*#__PURE__*/React.createElement(View, {
-    style: {
-      ...view_styles.section_header
-    }
-  }, /*#__PURE__*/React.createElement(View, {
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/React.createElement(Text, {
-    theme: "header"
-  }, "Podcasters"), /*#__PURE__*/React.createElement(Text, {
-    style: {
-      marginTop: 3
-    },
-    theme: "body_2"
-  }, "Below are the players that put this podcast on! Check out their profiles"))), /*#__PURE__*/React.createElement(View, {
-    style: {
-      ...view_styles.section_body,
-      padding: 10
-    }
-  }, /*#__PURE__*/React.createElement(FlatList, {
-    key: "podcastors",
-    data: players,
-    horizontal: true,
-    showsHorizontalScrollIndicator: false,
-    renderItem: renderPlayers,
-    keyExtractor: item => item.player_id.toString()
-  }))) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(View, {
-    style: {
-      ...view_styles.section
-    }
-  }, /*#__PURE__*/React.createElement(View, {
-    style: {
-      ...view_styles.section_header
-    }
-  }, /*#__PURE__*/React.createElement(View, {
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/React.createElement(Text, {
-    theme: "header"
-  }, "Episodes"), /*#__PURE__*/React.createElement(Text, {
-    style: {
-      marginTop: 3
-    },
-    theme: "body_2"
-  }, "Select an episode below to listed to it!"))), /*#__PURE__*/React.createElement(View, {
-    style: {
-      ...view_styles.section_body,
-      padding: 0
-    }
-  }, /*#__PURE__*/React.createElement(View, {
-    style: {
-      ...view_styles.body_row
-    }
-  }, episodes_offset > 0 ? /*#__PURE__*/React.createElement(Button, {
-    title: "PREV",
-    title_color: Colors.brand.electric,
-    backgroundColor: "transparent",
-    onPress: () => getEpisdoesFromServer(podcast_id, episodes_offset - 1)
-  }) : /*#__PURE__*/React.createElement(View, null), /*#__PURE__*/React.createElement(View, {
-    style: {
-      flex: 1
-    }
-  }), /*#__PURE__*/React.createElement(Button, {
-    title: "NEXT",
-    title_color: Colors.brand.electric,
-    backgroundColor: "transparent",
-    onPress: () => getEpisdoesFromServer(podcast_id, episodes_offset + 1)
-  })), episodes_loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+  }, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
     style: {
       padding: 20,
       alignSelf: 'center'
     },
     size: "large",
-    color: Colors.brand.midnight
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(View, {
-    style: {
-      flexDirection: 'row',
-      flexWrap: 'wrap'
-    }
-  }, podcast_episodes.sort((a, b) => moment(b.publish_date).unix() - moment(a.publish_date).unix()).map((e, i) => {
-    return renderEpsidoes({
-      item: e,
-      index: i
-    });
-  }))))), /*#__PURE__*/React.createElement(View, {
+    color: Colors.text.h1
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(FlatList, {
+    data: sections,
+    refreshing: pod_data.loading,
+    onRefresh: () => getPodDataFromServer(podcast_id, 0),
+    key: 'podcast_sections',
+    keyExtractor: item => item,
+    renderItem: renderSections
+  })), show_claim && podcast ? /*#__PURE__*/React.createElement(View, {
+    type: "blur",
     style: {
       position: 'absolute',
-      top: padding_insets?.top ?? 0,
-      left: 0,
+      top: 0,
       right: 0,
-      flexDirection: 'row',
-      alignItems: 'center'
-    }
-  }, onBack ? /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: {
-      ...view_styles.section,
-      backgroundColor: Colors.shades.shade100,
-      height: 50,
-      width: 50,
-      borderRadius: 100,
+      left: 0,
+      bottom: 0,
       justifyContent: 'center',
-      alignItems: 'center'
-    },
-    onPress: () => onBack()
-  }, /*#__PURE__*/React.createElement(Icons.ChevronIcon, {
-    direction: "left",
-    color: Colors.brand.midnight,
-    size: 14
-  })) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(View, {
-    style: {
-      flex: 1
+      alignItems: 'center',
+      padding: 20
     }
-  }), onSharePodcast ? /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: {
-      ...view_styles.section,
-      backgroundColor: Colors.shades.shade100,
-      height: 50,
-      width: 50,
-      borderRadius: 100,
-      justifyContent: 'center',
-      alignItems: 'center'
-    },
-    onPress: () => onSharePodcast(podcast)
-  }, /*#__PURE__*/React.createElement(Icons.ShareIcon, {
-    color: Colors.brand.electric,
-    size: 14
-  })) : /*#__PURE__*/React.createElement(React.Fragment, null))), show_claim ? /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React.createElement(View, {
     style: {
-      position: 'absolute',
-      flex: 1,
-      backgroundColor: Colors.shades.black_faded,
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      justifyContent: 'flex-end'
+      maxWidth: 500
     }
-  }, /*#__PURE__*/React.createElement(Spring, {
-    slide: "vertical",
-    to: 0,
-    from: 500
   }, /*#__PURE__*/React.createElement(ClaimPodcastModal, {
     podcast: podcast,
     width: module_size.width - 20,
@@ -492,10 +500,4 @@ const PodcastModule = ({
   }))) : /*#__PURE__*/React.createElement(React.Fragment, null));
 };
 export default PodcastModule;
-const style = {
-  blur: {
-    backdropFilter: 'blur(75px)',
-    backgroundColor: Colors.shades.black_faded_heavy
-  }
-};
 //# sourceMappingURL=index.js.map