mov ehooks before conditional rendering

This commit is contained in:
Abhinav 2022-06-14 11:42:18 +05:30
parent df5d6c9830
commit a9dfa7d7b6

View file

@ -19,19 +19,20 @@ export default function SubscriptionStatus({
}) {
const { showPlanSelectorModal } = useContext(GalleryContext);
if (!userDetails) {
return <></>;
}
const hasAMessage = useMemo(
() =>
!isSubscriptionActive(userDetails.subscription) ||
isOnFreePlan(userDetails.subscription) ||
isSubscriptionCancelled(userDetails.subscription),
userDetails &&
(!isSubscriptionActive(userDetails.subscription) ||
isOnFreePlan(userDetails.subscription) ||
isSubscriptionCancelled(userDetails.subscription)),
[userDetails]
);
return hasAMessage ? (
if (!hasAMessage) {
return <></>;
}
return (
<Box px={1}>
{!hasNonAdminFamilyMembers(userDetails.familyData) ||
isFamilyAdmin(userDetails.familyData) ? (
@ -43,7 +44,5 @@ export default function SubscriptionStatus({
<MemberSubscriptionStatus userDetails={userDetails} />
)}
</Box>
) : (
<></>
);
}