refactor(useUserTrial): return hasTrial field from hook
This commit is contained in:
@@ -8,7 +8,7 @@ import useUserTrial from 'hooks/useUserTrial.ee';
|
|||||||
export default function TrialStatusBadge() {
|
export default function TrialStatusBadge() {
|
||||||
const data = useUserTrial();
|
const data = useUserTrial();
|
||||||
|
|
||||||
if (!data) return <React.Fragment />;
|
if (!data.hasTrial) return <React.Fragment />;
|
||||||
|
|
||||||
const { message, status } = data;
|
const { message, status } = data;
|
||||||
|
|
||||||
|
@@ -1,10 +1,8 @@
|
|||||||
import * as React from 'react';
|
|
||||||
import { useLocation } from 'react-router-dom';
|
|
||||||
import { DateTime } from 'luxon';
|
import { DateTime } from 'luxon';
|
||||||
|
import { useQuery } from '@tanstack/react-query';
|
||||||
|
|
||||||
import useFormatMessage from './useFormatMessage';
|
import useFormatMessage from './useFormatMessage';
|
||||||
import api from 'helpers/api';
|
import api from 'helpers/api';
|
||||||
import { useQuery } from '@tanstack/react-query';
|
|
||||||
|
|
||||||
function getDiffInDays(date) {
|
function getDiffInDays(date) {
|
||||||
const today = DateTime.now().startOf('day');
|
const today = DateTime.now().startOf('day');
|
||||||
@@ -13,6 +11,7 @@ function getDiffInDays(date) {
|
|||||||
|
|
||||||
return roundedDiffInDays;
|
return roundedDiffInDays;
|
||||||
}
|
}
|
||||||
|
|
||||||
function getFeedbackPayload(date) {
|
function getFeedbackPayload(date) {
|
||||||
const diffInDays = getDiffInDays(date);
|
const diffInDays = getDiffInDays(date);
|
||||||
|
|
||||||
@@ -41,12 +40,8 @@ function getFeedbackPayload(date) {
|
|||||||
}
|
}
|
||||||
export default function useUserTrial() {
|
export default function useUserTrial() {
|
||||||
const formatMessage = useFormatMessage();
|
const formatMessage = useFormatMessage();
|
||||||
const location = useLocation();
|
|
||||||
const state = location.state;
|
|
||||||
const checkoutCompleted = state?.checkoutCompleted;
|
|
||||||
const [isPolling, setIsPolling] = React.useState(false);
|
|
||||||
|
|
||||||
const { data, isLoading: isUserTrialLoading } = useQuery({
|
const { data } = useQuery({
|
||||||
queryKey: ['userTrial'],
|
queryKey: ['userTrial'],
|
||||||
queryFn: async ({ signal }) => {
|
queryFn: async ({ signal }) => {
|
||||||
const { data } = await api.get('/v1/users/me/trial', {
|
const { data } = await api.get('/v1/users/me/trial', {
|
||||||
@@ -55,32 +50,12 @@ export default function useUserTrial() {
|
|||||||
|
|
||||||
return data;
|
return data;
|
||||||
},
|
},
|
||||||
refetchInterval: isPolling ? 1000 : false,
|
|
||||||
});
|
});
|
||||||
|
|
||||||
const userTrial = data?.data;
|
const userTrial = data?.data;
|
||||||
|
|
||||||
const hasTrial = userTrial?.inTrial;
|
const hasTrial = userTrial?.inTrial;
|
||||||
|
|
||||||
React.useEffect(
|
|
||||||
function pollDataUntilTrialEnds() {
|
|
||||||
if (checkoutCompleted && hasTrial) {
|
|
||||||
setIsPolling(true);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
[checkoutCompleted, hasTrial, setIsPolling],
|
|
||||||
);
|
|
||||||
|
|
||||||
React.useEffect(
|
|
||||||
function stopPollingWhenTrialEnds() {
|
|
||||||
if (checkoutCompleted && !hasTrial) {
|
|
||||||
setIsPolling(false);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
[checkoutCompleted, hasTrial, setIsPolling],
|
|
||||||
);
|
|
||||||
|
|
||||||
if (isUserTrialLoading || !hasTrial) return null;
|
|
||||||
|
|
||||||
const expireAt = DateTime.fromISO(userTrial?.expireAt).startOf('day');
|
const expireAt = DateTime.fromISO(userTrial?.expireAt).startOf('day');
|
||||||
|
|
||||||
const { translationEntryId, translationEntryValues, status, over } =
|
const { translationEntryId, translationEntryValues, status, over } =
|
||||||
@@ -91,5 +66,6 @@ export default function useUserTrial() {
|
|||||||
expireAt,
|
expireAt,
|
||||||
over,
|
over,
|
||||||
status,
|
status,
|
||||||
|
hasTrial,
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user