removed SSR trpc calls instead SPA for logged in pages

apps/web/pages/availability/index.tsx

@@ -1,5 +1,4 @@
 import { useAutoAnimate } from "@formkit/auto-animate/react";
-import type { GetServerSidePropsContext } from "next";
 
 import { NewScheduleButton, ScheduleListItem } from "@calcom/features/schedules";
 import Shell from "@calcom/features/shell/Shell";
@@ -14,8 +13,6 @@ import { HttpError } from "@lib/core/http/error";
 
 import SkeletonLoader from "@components/availability/SkeletonLoader";
 
-import { ssrInit } from "@server/lib/ssr";
-
 export function AvailabilityList({ schedules }: RouterOutputs["viewer"]["availability"]["list"]) {
  const { t } = useLocale();
  const utils = trpc.useContext();
@@ -118,13 +115,3 @@ export default function AvailabilityPage() {
  </div>
  );
 }
-
-export const getServerSideProps = async (context: GetServerSidePropsContext) => {
- const ssr = await ssrInit(context);
-
- return {
- props: {
- trpcState: ssr.dehydrate(),
- },
- };
-};

apps/web/pages/event-types/index.tsx

@@ -1,5 +1,4 @@
 import { useAutoAnimate } from "@formkit/auto-animate/react";
-import type { GetServerSidePropsContext } from "next";
 import Link from "next/link";
 import { useRouter } from "next/router";
 import type { FC } from "react";
@@ -60,8 +59,6 @@ import { HttpError } from "@lib/core/http/error";
 import { EmbedButton, EmbedDialog } from "@components/Embed";
 import SkeletonLoader from "@components/eventtype/SkeletonLoader";
 
-import { ssrInit } from "@server/lib/ssr";
-
 type EventTypeGroups = RouterOutputs["viewer"]["eventTypes"]["getByViewer"]["eventTypeGroups"];
 type EventTypeGroupProfile = EventTypeGroups[number]["profile"];
 
@@ -128,17 +125,11 @@ const Item = ({ type, group, readOnly }: { type: EventType; group: EventTypeGrou
  data-testid={"event-type-title-" + type.id}>
  {type.title}
  </span>
- {group.profile.slug ? (
- <small
- className="hidden font-normal leading-4 text-gray-600 sm:inline"
- data-testid={"event-type-slug-" + type.id}>
- {`/${group.profile.slug}/${type.slug}`}
- </small>
- ) : (
- <></>
- )}
+ <small
+ className="hidden font-normal leading-4 text-gray-600 sm:inline"
+ data-testid={"event-type-slug-" + type.id}>{`/${group.profile.slug}/${type.slug}`}</small>
  {readOnly && (
- <span className="inline items-center rounded-sm bg-gray-100 px-1.5 py-0.5 text-xs font-medium text-gray-800 ltr:ml-2 ltr:mr-2 rtl:ml-2">
+ <span className="rtl:ml-2inline items-center rounded-sm bg-gray-100 px-1.5 py-0.5 text-xs font-medium text-gray-800 ltr:ml-2 ltr:mr-2">
  {t("readonly")}
  </span>
  )}
@@ -564,18 +555,6 @@ const EventTypeListHeading = ({
  membershipCount,
  teamId,
 }: EventTypeListHeadingProps): JSX.Element => {
- const { t } = useLocale();
- const router = useRouter();
-
- const publishTeamMutation = trpc.viewer.teams.publish.useMutation({
- onSuccess(data) {
- router.push(data.url);
- },
- onError: (error) => {
- showToast(error.message, "error");
- },
- });
-
  return (
  <div className="mb-4 flex items-center space-x-2">
  <Avatar
@@ -607,13 +586,6 @@ const EventTypeListHeading = ({
  </Link>
  )}
  </div>
- {!profile?.slug && !!teamId && (
- <button onClick={() => publishTeamMutation.mutate({ teamId })}>
- <Badge variant="gray" className="mb-1 -ml-2">
- {t("upgrade")}
- </Badge>
- </button>
- )}
  </div>
  );
 };
@@ -695,14 +667,4 @@ const EventTypesPage = () => {
  );
 };
 
-export const getServerSideProps = async (context: GetServerSidePropsContext) => {
- const ssr = await ssrInit(context);
-
- return {
- props: {
- trpcState: ssr.dehydrate(),
- },
- };
-};
-
 export default EventTypesPage;

apps/web/pages/settings/admin/apps/[category].tsx

@@ -1,13 +1,9 @@
-import type { GetServerSidePropsContext } from "next";
-
 import AdminAppsList from "@calcom/features/apps/AdminAppsList";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { Meta } from "@calcom/ui";
 
 import { getLayout } from "@components/auth/layouts/AdminLayout";
 
-import { ssrInit } from "@server/lib/ssr";
-
 function AdminAppsView() {
  const { t } = useLocale();
  return (
@@ -20,14 +16,4 @@ function AdminAppsView() {
 
 AdminAppsView.getLayout = getLayout;
 
-export const getServerSideProps = async (context: GetServerSidePropsContext) => {
- const ssr = await ssrInit(context);
-
- return {
- props: {
- trpcState: ssr.dehydrate(),
- },
- };
-};
-
 export default AdminAppsView;

apps/web/pages/settings/admin/apps/index.tsx

@@ -1,2 +1 @@
-export { getServerSideProps } from "./[category]";
 export { default } from "./[category]";

apps/web/pages/settings/admin/impersonation.tsx

@@ -1,4 +1,3 @@
-import type { GetServerSidePropsContext } from "next";
 import { signIn } from "next-auth/react";
 import { useRef } from "react";
 
@@ -7,8 +6,6 @@ import { Button, Meta, TextField } from "@calcom/ui";
 
 import { getLayout } from "@components/auth/layouts/AdminLayout";
 
-import { ssrInit } from "@server/lib/ssr";
-
 function AdminView() {
  const { t } = useLocale();
  const usernameRef = useRef<HTMLInputElement>(null);
@@ -41,14 +38,4 @@ function AdminView() {
 
 AdminView.getLayout = getLayout;
 
-export const getServerSideProps = async (context: GetServerSidePropsContext) => {
- const ssr = await ssrInit(context);
-
- return {
- props: {
- trpcState: ssr.dehydrate(),
- },
- };
-};
-
 export default AdminView;

apps/web/pages/settings/admin/index.tsx

@@ -1,11 +1,7 @@
-import type { GetServerSidePropsContext } from "next";
-
 import { Meta } from "@calcom/ui";
 
 import { getLayout } from "@components/auth/layouts/AdminLayout";
 
-import { ssrInit } from "@server/lib/ssr";
-
 function AdminAppsView() {
  return (
  <>
@@ -17,14 +13,4 @@ function AdminAppsView() {
 
 AdminAppsView.getLayout = getLayout;
 
-export const getServerSideProps = async (context: GetServerSidePropsContext) => {
- const ssr = await ssrInit(context);
-
- return {
- props: {
- trpcState: ssr.dehydrate(),
- },
- };
-};
-
 export default AdminAppsView;

apps/web/pages/settings/billing/index.tsx

@@ -1,4 +1,3 @@
-import type { GetServerSidePropsContext } from "next";
 import { useRouter } from "next/router";
 import { useState } from "react";
 import { HelpScout, useChat } from "react-live-chat-loader";
@@ -10,8 +9,6 @@ import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { Button, Meta } from "@calcom/ui";
 import { FiExternalLink } from "@calcom/ui/components/icon";
 
-import { ssrInit } from "@server/lib/ssr";
-
 interface CtaRowProps {
  title: string;
  description: string;
@@ -72,14 +69,4 @@ const BillingView = () => {
 
 BillingView.getLayout = getLayout;
 
-export const getServerSideProps = async (context: GetServerSidePropsContext) => {
- const ssr = await ssrInit(context);
-
- return {
- props: {
- trpcState: ssr.dehydrate(),
- },
- };
-};
-
 export default BillingView;

apps/web/pages/settings/developer/api-keys.tsx

@@ -1,4 +1,3 @@
-import type { GetServerSidePropsContext } from "next";
 import { useState } from "react";
 
 import type { TApiKeys } from "@calcom/ee/api-keys/components/ApiKeyListItem";
@@ -19,8 +18,6 @@ import {
 } from "@calcom/ui";
 import { FiLink, FiPlus } from "@calcom/ui/components/icon";
 
-import { ssrInit } from "@server/lib/ssr";
-
 const ApiKeysView = () => {
  const { t } = useLocale();
 
@@ -96,14 +93,4 @@ const ApiKeysView = () => {
 
 ApiKeysView.getLayout = getLayout;
 
-export const getServerSideProps = async (context: GetServerSidePropsContext) => {
- const ssr = await ssrInit(context);
-
- return {
- props: {
- trpcState: ssr.dehydrate(),
- },
- };
-};
-
 export default ApiKeysView;

apps/web/pages/settings/my-account/appearance.tsx

@@ -1,4 +1,3 @@
-import type { GetServerSidePropsContext } from "next";
 import { Controller, useForm } from "react-hook-form";
 
 import ThemeLabel from "@calcom/features/settings/ThemeLabel";
@@ -20,8 +19,6 @@ import {
  UpgradeTeamsBadge,
 } from "@calcom/ui";
 
-import { ssrInit } from "@server/lib/ssr";
-
 const SkeletonLoader = ({ title, description }: { title: string; description: string }) => {
  return (
  <SkeletonContainer>
@@ -215,14 +212,4 @@ const AppearanceView = () => {
 
 AppearanceView.getLayout = getLayout;
 
-export const getServerSideProps = async (context: GetServerSidePropsContext) => {
- const ssr = await ssrInit(context);
-
- return {
- props: {
- trpcState: ssr.dehydrate(),
- },
- };
-};
-
 export default AppearanceView;

apps/web/pages/settings/my-account/calendars.tsx

@@ -1,4 +1,3 @@
-import type { GetServerSidePropsContext } from "next";
 import { Trans } from "next-i18next";
 import Link from "next/link";
 import { useRouter } from "next/router";
@@ -30,8 +29,6 @@ import { QueryCell } from "@lib/QueryCell";
 
 import { CalendarSwitch } from "@components/settings/CalendarSwitch";
 
-import { ssrInit } from "@server/lib/ssr";
-
 const SkeletonLoader = () => {
  return (
  <SkeletonContainer>
@@ -228,14 +225,4 @@ const CalendarsView = () => {
 
 CalendarsView.getLayout = getLayout;
 
-export const getServerSideProps = async (context: GetServerSidePropsContext) => {
- const ssr = await ssrInit(context);
-
- return {
- props: {
- trpcState: ssr.dehydrate(),
- },
- };
-};
-
 export default CalendarsView;

apps/web/pages/settings/my-account/general.tsx

@@ -1,4 +1,3 @@
-import type { GetServerSidePropsContext } from "next";
 import { useRouter } from "next/router";
 import { useMemo } from "react";
 import { Controller, useForm } from "react-hook-form";
@@ -23,8 +22,6 @@ import {
 
 import { withQuery } from "@lib/QueryCell";
 
-import { ssrInit } from "@server/lib/ssr";
-
 const SkeletonLoader = ({ title, description }: { title: string; description: string }) => {
  return (
  <SkeletonContainer>
@@ -223,14 +220,4 @@ const GeneralView = ({ localeProp, user }: GeneralViewProps) => {
 
 GeneralQueryView.getLayout = getLayout;
 
-export const getServerSideProps = async (context: GetServerSidePropsContext) => {
- const ssr = await ssrInit(context);
-
- return {
- props: {
- trpcState: ssr.dehydrate(),
- },
- };
-};
-
 export default GeneralQueryView;

apps/web/pages/settings/my-account/profile.tsx

@@ -1,7 +1,6 @@
 import { IdentityProvider } from "@prisma/client";
 import crypto from "crypto";
 import MarkdownIt from "markdown-it";
-import type { GetServerSidePropsContext } from "next";
 import { signOut } from "next-auth/react";
 import type { BaseSyntheticEvent } from "react";
 import { useRef, useState } from "react";
@@ -42,8 +41,6 @@ import { FiAlertTriangle, FiTrash2 } from "@calcom/ui/components/icon";
 import TwoFactor from "@components/auth/TwoFactor";
 import { UsernameAvailabilityField } from "@components/ui/UsernameAvailability";
 
-import { ssrInit } from "@server/lib/ssr";
-
 const md = new MarkdownIt("default", { html: true, breaks: true });
 
 const SkeletonLoader = ({ title, description }: { title: string; description: string }) => {
@@ -385,14 +382,4 @@ const ProfileForm = ({
 
 ProfileView.getLayout = getLayout;
 
-export const getServerSideProps = async (context: GetServerSidePropsContext) => {
- const ssr = await ssrInit(context);
-
- return {
- props: {
- trpcState: ssr.dehydrate(),
- },
- };
-};
-
 export default ProfileView;