2039986684
In this PR: - adding logs to track workspace creation performance - refactor useIsWorkspaceSuspended to be more generic - only fetch favorites and views if workspace is Active to avoid error messages on sign up (workspace is not created yet)
51 lines
2.3 KiB
TypeScript
51 lines
2.3 KiB
TypeScript
import { InformationBannerBillingSubscriptionPaused } from '@/information-banner/components/billing/InformationBannerBillingSubscriptionPaused';
|
|
import { InformationBannerFailPaymentInfo } from '@/information-banner/components/billing/InformationBannerFailPaymentInfo';
|
|
import { InformationBannerNoBillingSubscription } from '@/information-banner/components/billing/InformationBannerNoBillingSubscription';
|
|
import { InformationBannerReconnectAccountEmailAliases } from '@/information-banner/components/reconnect-account/InformationBannerReconnectAccountEmailAliases';
|
|
import { InformationBannerReconnectAccountInsufficientPermissions } from '@/information-banner/components/reconnect-account/InformationBannerReconnectAccountInsufficientPermissions';
|
|
import { useIsWorkspaceActivationStatusEqualsTo } from '@/workspace/hooks/useIsWorkspaceActivationStatusEqualsTo';
|
|
import { useSubscriptionStatus } from '@/workspace/hooks/useSubscriptionStatus';
|
|
import styled from '@emotion/styled';
|
|
import { WorkspaceActivationStatus, isDefined } from 'twenty-shared';
|
|
import { SubscriptionStatus } from '~/generated-metadata/graphql';
|
|
|
|
const StyledInformationBannerWrapper = styled.div`
|
|
height: 40px;
|
|
position: relative;
|
|
|
|
&:empty {
|
|
height: 0;
|
|
}
|
|
`;
|
|
|
|
export const InformationBannerWrapper = () => {
|
|
const subscriptionStatus = useSubscriptionStatus();
|
|
const isWorkspaceSuspended = useIsWorkspaceActivationStatusEqualsTo(
|
|
WorkspaceActivationStatus.SUSPENDED,
|
|
);
|
|
|
|
const displayBillingSubscriptionPausedBanner =
|
|
isWorkspaceSuspended && subscriptionStatus === SubscriptionStatus.Paused;
|
|
|
|
const displayBillingSubscriptionCanceledBanner =
|
|
isWorkspaceSuspended && !isDefined(subscriptionStatus);
|
|
|
|
const displayFailPaymentInfoBanner =
|
|
subscriptionStatus === SubscriptionStatus.PastDue ||
|
|
subscriptionStatus === SubscriptionStatus.Unpaid;
|
|
|
|
return (
|
|
<StyledInformationBannerWrapper>
|
|
<InformationBannerReconnectAccountInsufficientPermissions />
|
|
<InformationBannerReconnectAccountEmailAliases />
|
|
{displayBillingSubscriptionPausedBanner && (
|
|
<InformationBannerBillingSubscriptionPaused />
|
|
)}
|
|
{displayBillingSubscriptionCanceledBanner && (
|
|
<InformationBannerNoBillingSubscription />
|
|
)}
|
|
{displayFailPaymentInfoBanner && <InformationBannerFailPaymentInfo />}
|
|
</StyledInformationBannerWrapper>
|
|
);
|
|
};
|