feat: remove coin && playback video

src/layouts/Page.js

@@ -7,13 +7,13 @@ import { responsiveHeight } from "../actions/responsiveSizes.js";
 import { icons } from "../assets";
 import BaseHeader from "../components/BaseHeader";
 import ConnectBtn from "../components/ConnectBtn.js";
+import CoinPackModal from "../components/modal/CoinPackModal";
 import NavigateHeader from "../components/NavigateHeader";
 import ShareBtn from "../components/ShareBtn/ShareBtn";
 import { isWeb } from "../hooks/useLayoutType.js";
 import { useUserData } from "../providers/UserDataProvider";
 import { gutters } from "../styles";
 import { FONT_FAMILY } from "../styles/Fonts";
-import CoinPackModal from "../components/modal/CoinPackModal";
 import { subscribeCoinPackModal } from "../utils/coinPackModal";
 
 export default ({
@@ -44,6 +44,7 @@ export default ({
   connect = false,
   blurIntensity = 0,
   backgroundColor = "#000",
+  showCoin = true,
 }) => {
   const { currentUID = null, currentUserData = null } = useUserData?.() || {};
 
@@ -82,7 +83,7 @@ export default ({
     }
   }, [coinBalance]);
 
-  const showCoinBadge = isWeb && !!currentUID;
+  const showCoinBadge = isWeb && !!currentUID && showCoin;
   const [isCoinModalVisible, setCoinModalVisible] = React.useState(false);
 
   const handleCoinPress = React.useCallback(() => {