chore: removed next app dir banner (#15356)

* removed next app dir banner

* yarn lock
This commit is contained in:
Peer Richelsen
2024-06-06 16:55:32 +00:00
committed by GitHub
parent 7d4e8e2210
commit f6930df87d
2 changed files with 0 additions and 51 deletions
-2
View File
@@ -34,7 +34,6 @@ import {
InvalidAppCredentialBanners,
type InvalidAppCredentialBannersProps,
} from "@calcom/features/users/components/InvalidAppCredentialsBanner";
import UserV2OptInBanner from "@calcom/features/users/components/UserV2OptInBanner";
import VerifyEmailBanner, {
type VerifyEmailBannerProps,
} from "@calcom/features/users/components/VerifyEmailBanner";
@@ -257,7 +256,6 @@ const Layout = (props: LayoutProps) => {
<div className="flex min-h-screen flex-col">
{banners && !props.isPlatformUser && (
<div className="sticky top-0 z-10 w-full divide-y divide-black">
<UserV2OptInBanner />
{Object.keys(banners).map((key) => {
if (key === "teamUpgradeBanner") {
const Banner = BannerComponent[key];
@@ -1,49 +0,0 @@
import { useSession } from "next-auth/react";
import {
APP_NAME,
FUTURE_ROUTES_OVERRIDE_COOKIE_NAME as COOKIE_NAME,
IS_CALCOM,
} from "@calcom/lib/constants";
import { TopBanner } from "@calcom/ui";
/** Repurposing this component so we can opt-in and out from app router */
function UserV2OptInBanner() {
const session = useSession();
// Only show on client-side
if (typeof document === "undefined") return null;
// Only Admins can opt-in for now
if (session.data?.user.role !== "ADMIN") return null;
// Only Cal.com ADMINs can opt-in for now, also show on dev
if (process.env.NODE_ENV === "production" && !IS_CALCOM) return null;
const hasV2OptInCookie = document.cookie.includes(`${COOKIE_NAME}=1`);
if (hasV2OptInCookie)
return (
<TopBanner
text={`You're using the future version of ${APP_NAME}.`}
variant="warning"
actions={
<a href="/api/future-opt-in" className="border-b border-b-black">
Go back
</a>
}
/>
);
return (
<TopBanner
text={`Want to try the future version of ${APP_NAME}? (Only Cal.com admins can see this)`}
variant="warning"
actions={
<a href="/api/future-opt-in" className="border-b border-b-black">
Opt-in to future routes
</a>
}
/>
);
}
export default UserV2OptInBanner;