4686d3ff48
* fixed search routes * made static text multilingual and fixed german translations # Conflicts: # apps/web/components/availability/Schedule.tsx * delete empty file created by fixing merge conflicts * fixing TextField placeholder by passing attendeeName and fixed json variable * Using useLocal to modify static text to make it multilingual, and passing the correct variables for brand and mail * seperated whitelabel and improved translations * added missing translation * added missing translation for webhooks * Updated AdminAppsView with dynamic translations. Added translations for german and english files only. * changed back to one liner * updated german and english translations for impersonation.tsx * updated german and english translations for impersonation.tsx and users.tsx. added missing german translation for timeformat_profile_hint * updated german and english translations for team-billing-view.tsx * updated german and english translations for LicenseRequired.tsx * updated routes for profile and avatar * yarn.lock updated from newer changes * Revert " yarn.lock updated from newer changes" This reverts commit efd9a90bf774371a331861e4fb441ab4f4d0b7fd. * sanitize dangerouslySetInnerHTML to prevent xss attacks * tried to fix window title flicker * changed ssdInit to ssrInit for getServerSideProps. Serverside translation works but current route still set as a window title * flicker with route in window title is caused here. It is not necessary to check if isPublic and session is false because it already gets checked in useRedirectToLoginIfUnauthenticated hook. * fixed window title translation flicker for availability page * fixed window title translation flicker for teams page * fixed window title translation flicker for workflow page * fixed error that div may not be rendered within p element * fixed window title translation flicker for booking page * fixed window title translation flicker by adding getServerSideProps * Only set HeadSeo if an page title exists. If window title is set by the Meta component, shell is causing a flicker because it overwrites the title which is set by Meta. It is a problem especially for settings pages. * fixed window title translation flicker by adding the Meta component to the skeleton * fixed condition * removed condition and added withoutSeo for settings pages * using translations for create team page further fixed flicker for window title * fixed flicker for window title for event-type creation page * fixed flicker for window title for availability creation page * fixed flicker for window title for sso page * updated conferencing en translation * added meta.CTA back it was mistakenly removed * fixed flicker for workflows page * fixed missing variable * Update packages/ui/v2/core/Shell.tsx * Delete index.tsx * Update sso.tsx * Updates subdmoules Co-authored-by: maxi <maximilian.oehrlein@clicksports.de> Co-authored-by: Peer Richelsen <peeroke@gmail.com> Co-authored-by: Omar López <zomars@me.com>
73 lines
2.1 KiB
TypeScript
73 lines
2.1 KiB
TypeScript
/**
|
|
* @deprecated file
|
|
* All new changes should be made to the V2 file in
|
|
* `/packages/features/ee/common/components/v2/LicenseRequired.tsx`
|
|
*/
|
|
import DOMPurify from "dompurify";
|
|
import { useSession } from "next-auth/react";
|
|
import React, { AriaRole, ComponentType, Fragment } from "react";
|
|
|
|
import { APP_NAME, CONSOLE_URL, SUPPORT_MAIL_ADDRESS } from "@calcom/lib/constants";
|
|
import { useLocale } from "@calcom/lib/hooks/useLocale";
|
|
import { EmptyScreen, Icon } from "@calcom/ui";
|
|
|
|
type LicenseRequiredProps = {
|
|
as?: keyof JSX.IntrinsicElements | "";
|
|
className?: string;
|
|
role?: AriaRole | undefined;
|
|
children: React.ReactNode;
|
|
};
|
|
|
|
/**
|
|
* @deprecated file
|
|
* All new changes should be made to the V2 file in
|
|
* `/packages/features/ee/common/components/v2/LicenseRequired.tsx`
|
|
* This component will only render it's children if the installation has a valid
|
|
* license.
|
|
*/
|
|
const LicenseRequired = ({ children, as = "", ...rest }: LicenseRequiredProps) => {
|
|
const { t } = useLocale();
|
|
const session = useSession();
|
|
const Component = as || Fragment;
|
|
return (
|
|
<Component {...rest}>
|
|
{session.data?.hasValidLicense ? (
|
|
children
|
|
) : (
|
|
<EmptyScreen
|
|
Icon={Icon.FiAlertTriangle}
|
|
headline={t("enterprise_license")}
|
|
description={
|
|
<div
|
|
dangerouslySetInnerHTML={{
|
|
__html: DOMPurify.sanitize(
|
|
t("enterprise_license_description", {
|
|
consoleUrl: `<a href="${CONSOLE_URL}" target="_blank" rel="noopener noreferrer" class="underline">
|
|
${APP_NAME}
|
|
</a>`,
|
|
supportMail: `<a href="mailto:${SUPPORT_MAIL_ADDRESS}" class="underline">
|
|
${SUPPORT_MAIL_ADDRESS}
|
|
</a>`,
|
|
})
|
|
),
|
|
}}
|
|
/>
|
|
}
|
|
/>
|
|
)}
|
|
</Component>
|
|
);
|
|
};
|
|
|
|
export const withLicenseRequired =
|
|
<T,>(Component: ComponentType<T>) =>
|
|
// eslint-disable-next-line react/display-name
|
|
(hocProps: T) =>
|
|
(
|
|
<LicenseRequired>
|
|
<Component {...hocProps} />
|
|
</LicenseRequired>
|
|
);
|
|
|
|
export default LicenseRequired;
|