diff --git a/apps/meteor/ee/client/sidebar/footer/SidebarFooterWatermark.tsx b/apps/meteor/ee/client/sidebar/footer/SidebarFooterWatermark.tsx index b2ef2b0879735..3e85b86b45d77 100644 --- a/apps/meteor/ee/client/sidebar/footer/SidebarFooterWatermark.tsx +++ b/apps/meteor/ee/client/sidebar/footer/SidebarFooterWatermark.tsx @@ -1,4 +1,4 @@ -import { Box } from '@rocket.chat/fuselage'; +import { Box, Skeleton } from '@rocket.chat/fuselage'; import { useTranslation } from '@rocket.chat/ui-contexts'; import type { ReactElement } from 'react'; import React from 'react'; @@ -8,10 +8,10 @@ import { useLicense } from '../../../../client/hooks/useLicense'; export const SidebarFooterWatermark = (): ReactElement | null => { const t = useTranslation(); - const { data: { license, activeModules = [] } = {} } = useLicense(); - const [planTag] = license?.information?.tags ?? []; + const { data: { license, activeModules = [], trial: isTrial = false } = {}, isLoading, isError } = useLicense(); + const [{ name: planName }] = license?.information?.tags ?? [{ name: 'Community' }]; - const isWatermarkHidden = activeModules.includes('hide-watermark'); + const isWatermarkHidden = !isTrial && activeModules.includes('hide-watermark'); if (isWatermarkHidden) { return null; @@ -23,9 +23,13 @@ export const SidebarFooterWatermark = (): ReactElement | null => { {t('Powered_by_RocketChat')} - - {planTag?.name} - + {isLoading || isError ? ( + + ) : ( + + {planName} {isTrial ? 'trial' : ''} + + )} );