Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2025-12-24 07:29:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

show login button instead of pricing plan when user logged out

Browse Source
This commit is contained in:
ammarahm-ed
2021-11-15 11:13:53 +05:00
parent 30e5a0e8fb
commit 092f25b39f
3 changed files with 44 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/mobile/src/components/Premium/component.js
View File

@@ -1,6 +1,7 @@
import React, { useState } from 'react';
import { Image, ScrollView, View } from 'react-native';
import { useTracked } from '../../provider';
import { useUserStore } from '../../provider/stores';
import { DDS } from '../../services/DeviceDetection';
import { eSendEvent, presentSheet } from '../../services/EventManager';
import { getElevation } from '../../utils';
@@ -21,7 +22,7 @@ import { PricingPlans } from './pricing-plans';
export const Component = ({close, promo, getRef}) => {
const [state, dispatch] = useTracked();
const colors = state.colors;
const user = {}; //useUserStore(state => state.user);
const user = useUserStore(state => state.user);
const [floatingButton, setFloatingButton] = useState(false);
const onPress = async () => {

6
apps/mobile/src/components/Premium/pricingitem.js
View File

@@ -21,11 +21,11 @@ export const PricingItem = ({product, onPress}) => {
}}>
<View>
<Heading size={SIZE.lg - 2}>
{product.type === 'yearly' || product.offerType === 'yearly'
{product?.type === 'yearly' || product?.offerType === 'yearly'
? 'Yearly'
: 'Monthly'}
</Heading>
{product.info && (
{product?.info && (
<Paragraph size={SIZE.xs + 1}>{product.info}</Paragraph>
)}
</View>
@@ -33,7 +33,7 @@ export const PricingItem = ({product, onPress}) => {
<View>
<Paragraph size={SIZE.sm}>
<Heading size={SIZE.lg - 2}>{product?.data?.localizedPrice}/</Heading>
{product.type === 'yearly' || product.offerType === 'yearly'
{product?.type === 'yearly' || product?.offerType === 'yearly'
? '/year'
: '/month'}
</Paragraph>

54
apps/mobile/src/components/Premium/pricingplans.js
View File

@@ -2,6 +2,7 @@ import React, {useEffect, useState} from 'react';
import {Platform, View} from 'react-native';
import * as RNIap from 'react-native-iap';
import {useTracked} from '../../provider';
import {useUserStore} from '../../provider/stores';
import {
eSendEvent,
presentSheet,
@@ -9,7 +10,11 @@ import {
} from '../../services/EventManager';
import PremiumService from '../../services/PremiumService';
import {db} from '../../utils/database';
import {eCloseProgressDialog, eOpenLoginDialog} from '../../utils/Events';
import {
eClosePremiumDialog,
eCloseProgressDialog,
eOpenLoginDialog
} from '../../utils/Events';
import {openLinkInBrowser} from '../../utils/functions';
import {SIZE} from '../../utils/SizeUtils';
import {sleep} from '../../utils/TimeUtils';
@@ -35,7 +40,7 @@ const promoCyclesYearly = {
export const PricingPlans = ({promo, marginTop}) => {
const [state, dispatch] = useTracked();
const colors = state.colors;
const user = {}; //useUserStore(state => state.user);
const user = useUserStore(state => state.user);
const [product, setProduct] = useState(null);
const [products, setProducts] = useState([]);
const [offers, setOffers] = useState(null);
@@ -233,19 +238,38 @@ export const PricingPlans = ({promo, marginTop}) => {
</>
) : (
<View>
<PricingItem
product={product}
onPress={() => buySubscription(product)}
/>
<Button
onPress={() => {
setProduct(null);
}}
height={30}
type="errorShade"
title="Cancel promo code"
/>
{!user ? (
<Button
onPress={() => {
eSendEvent(eClosePremiumDialog);
setTimeout(() => {
eSendEvent(eOpenLoginDialog, 1);
}, 400);
}}
title={'Try free for 14 days'}
type="accent"
style={{
paddingHorizontal: 24,
marginTop: 20,
marginBottom: 10
}}
/>
) : (
<>
<PricingItem
product={product}
onPress={() => buySubscription(product)}
/>
<Button
onPress={() => {
setProduct(null);
}}
height={30}
type="errorShade"
title="Cancel promo code"
/>
</>
)}
</View>
)}