diff --git a/apps/web/components/v2/apps/AdditionalCalendarSelector.tsx b/apps/web/components/apps/AdditionalCalendarSelector.tsx similarity index 100% rename from apps/web/components/v2/apps/AdditionalCalendarSelector.tsx rename to apps/web/components/apps/AdditionalCalendarSelector.tsx diff --git a/apps/web/components/apps/AllApps.tsx b/apps/web/components/apps/AllApps.tsx deleted file mode 100644 index cfbcca4ec7..0000000000 --- a/apps/web/components/apps/AllApps.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import { useLocale } from "@calcom/lib/hooks/useLocale"; -import type { App } from "@calcom/types/App"; - -import AppCard from "./AppCard"; - -export default function AllApps({ apps }: { apps: App[] }) { - const { t } = useLocale(); - - return ( -
-

{t("all_apps")}

-
- {apps.map((app) => ( - - ))} -
-
- ); -} diff --git a/apps/web/components/v2/apps/App.tsx b/apps/web/components/apps/App.tsx similarity index 100% rename from apps/web/components/v2/apps/App.tsx rename to apps/web/components/apps/App.tsx diff --git a/apps/web/components/apps/AppCard.tsx b/apps/web/components/apps/AppCard.tsx deleted file mode 100644 index c383051b7c..0000000000 --- a/apps/web/components/apps/AppCard.tsx +++ /dev/null @@ -1,44 +0,0 @@ -import Link from "next/link"; - -import { trpc } from "@calcom/trpc/react"; -import { App } from "@calcom/types/App"; -import Badge from "@calcom/ui/Badge"; -import Button from "@calcom/ui/Button"; - -interface AppCardProps { - app: App; -} - -export default function AppCard(props: AppCardProps) { - const { data: user } = trpc.useQuery(["viewer.me"]); - return ( - - -
- { - // eslint-disable-next-line @next/next/no-img-element - {props.app.name - } - -
-
-

{props.app.name}

-
- {/* TODO: add reviews
- {props.rating} stars - {props.reviews} reviews -
*/} -

{props.app.description}

- - - ); -} diff --git a/apps/web/components/v2/apps/CalendarListContainer.tsx b/apps/web/components/apps/CalendarListContainer.tsx similarity index 98% rename from apps/web/components/v2/apps/CalendarListContainer.tsx rename to apps/web/components/apps/CalendarListContainer.tsx index 165b5ce54a..137a6ebffc 100644 --- a/apps/web/components/v2/apps/CalendarListContainer.tsx +++ b/apps/web/components/apps/CalendarListContainer.tsx @@ -17,9 +17,9 @@ import DisconnectIntegration from "@calcom/ui/v2/modules/integrations/Disconnect import { QueryCell } from "@lib/QueryCell"; +import AdditionalCalendarSelector from "@components/apps/AdditionalCalendarSelector"; +import IntegrationListItem from "@components/apps/IntegrationListItem"; import SubHeadingTitleWithConnections from "@components/integrations/SubHeadingTitleWithConnections"; -import AdditionalCalendarSelector from "@components/v2/apps/AdditionalCalendarSelector"; -import IntegrationListItem from "@components/v2/apps/IntegrationListItem"; type Props = { onChanged: () => unknown | Promise; diff --git a/apps/web/components/apps/Categories.tsx b/apps/web/components/apps/Categories.tsx deleted file mode 100644 index 1531609ec5..0000000000 --- a/apps/web/components/apps/Categories.tsx +++ /dev/null @@ -1,43 +0,0 @@ -import Image from "next/image"; -import Link from "next/link"; - -import { useLocale } from "@calcom/lib/hooks/useLocale"; - -export default function AppStoreCategories({ - categories, -}: { - categories: { - name: string; - count: number; - }[]; -}) { - const { t } = useLocale(); - return ( -
-

{t("popular_categories")}

-
- {categories.map((category) => ( - - -
- {category.name} -
-
-

{category.name}

-

{category.count} apps

-
- - - ))} -
-
- ); -} diff --git a/apps/web/components/v2/apps/DestinationCalendarSelector.tsx b/apps/web/components/apps/DestinationCalendarSelector.tsx similarity index 100% rename from apps/web/components/v2/apps/DestinationCalendarSelector.tsx rename to apps/web/components/apps/DestinationCalendarSelector.tsx diff --git a/apps/web/components/v2/apps/IntegrationListItem.tsx b/apps/web/components/apps/IntegrationListItem.tsx similarity index 100% rename from apps/web/components/v2/apps/IntegrationListItem.tsx rename to apps/web/components/apps/IntegrationListItem.tsx diff --git a/apps/web/components/v2/apps/OmniInstallAppButton.tsx b/apps/web/components/apps/OmniInstallAppButton.tsx similarity index 100% rename from apps/web/components/v2/apps/OmniInstallAppButton.tsx rename to apps/web/components/apps/OmniInstallAppButton.tsx diff --git a/apps/web/components/apps/Slider.tsx b/apps/web/components/apps/Slider.tsx deleted file mode 100644 index e9885a2e07..0000000000 --- a/apps/web/components/apps/Slider.tsx +++ /dev/null @@ -1,79 +0,0 @@ -import Glide, { Options } from "@glidejs/glide"; -import "@glidejs/glide/dist/css/glide.core.min.css"; -import "@glidejs/glide/dist/css/glide.theme.min.css"; -import { useEffect, useRef } from "react"; - -import { Icon } from "@calcom/ui/Icon"; - -const Slider = ({ - title = "", - className = "", - items, - itemKey = (item) => `${item}`, - renderItem, - options = {}, -}: { - title?: string; - className?: string; - items: T[]; - itemKey?: (item: T) => string; - renderItem?: (item: T) => JSX.Element; - options?: Options; -}) => { - const glide = useRef(null); - const slider = useRef(null); - - useEffect(() => { - if (glide.current) { - slider.current = new Glide(glide.current, { - type: "carousel", - ...options, - }).mount(); - } - - return () => slider.current?.destroy(); - }, [options]); - - return ( -
- -
-
- {title && ( -
-

{title}

-
- )} -
- - -
-
-
-
    - {items.map((item) => { - if (typeof renderItem !== "function") return null; - return ( -
  • - {renderItem(item)} -
    • - ); - })} -
-
-
-
- ); -}; - -export default Slider; diff --git a/apps/web/components/apps/TrendingAppsSlider.tsx b/apps/web/components/apps/TrendingAppsSlider.tsx deleted file mode 100644 index 10ec4c0929..0000000000 --- a/apps/web/components/apps/TrendingAppsSlider.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import { useLocale } from "@calcom/lib/hooks/useLocale"; -import type { App } from "@calcom/types/App"; - -import AppCard from "./AppCard"; -import Slider from "./Slider"; - -const TrendingAppsSlider = ({ items }: { items: T[] }) => { - const { t } = useLocale(); - - return ( - - className="mb-16" - title={t("trending_apps")} - items={items.filter((app) => !!app.trending)} - itemKey={(app) => app.name} - options={{ - perView: 3, - breakpoints: { - 768 /* and below */: { - perView: 1, - }, - }, - }} - renderItem={(app) => } - /> - ); -}; - -/** @deprecated use v2 instead, located at packages/ui/v2/core/apps */ -export default TrendingAppsSlider; diff --git a/apps/web/pages/apps/[slug]/index.tsx b/apps/web/pages/apps/[slug]/index.tsx index fd67db7395..5d96a7e93b 100644 --- a/apps/web/pages/apps/[slug]/index.tsx +++ b/apps/web/pages/apps/[slug]/index.tsx @@ -12,7 +12,7 @@ import prisma from "@calcom/prisma"; import { inferSSRProps } from "@lib/types/inferSSRProps"; -import App from "@components/v2/apps/App"; +import App from "@components/apps/App"; const components = { a: ({ href = "", ...otherProps }: JSX.IntrinsicElements["a"]) => ( diff --git a/apps/web/pages/apps/installed/[category].tsx b/apps/web/pages/apps/installed/[category].tsx index 8b535fe3c4..f6a9f63745 100644 --- a/apps/web/pages/apps/installed/[category].tsx +++ b/apps/web/pages/apps/installed/[category].tsx @@ -21,8 +21,8 @@ import DisconnectIntegration from "@calcom/ui/v2/modules/integrations/Disconnect import { QueryCell } from "@lib/QueryCell"; -import { CalendarListContainer } from "@components/v2/apps/CalendarListContainer"; -import IntegrationListItem from "@components/v2/apps/IntegrationListItem"; +import { CalendarListContainer } from "@components/apps/CalendarListContainer"; +import IntegrationListItem from "@components/apps/IntegrationListItem"; function ConnectOrDisconnectIntegrationButton(props: { credentialIds: number[]; diff --git a/packages/app-store/_baseApp/README.mdx b/packages/app-store/_baseApp/README.mdx index d762bf0919..6911f424c8 100644 --- a/packages/app-store/_baseApp/README.mdx +++ b/packages/app-store/_baseApp/README.mdx @@ -6,7 +6,5 @@ items: - /api/app-store/_APP_DIR_/3.jpg --- - - {description} diff --git a/packages/app-store/_components/AppCard.tsx b/packages/app-store/_components/AppCard.tsx index 515bf27965..9b315d5734 100644 --- a/packages/app-store/_components/AppCard.tsx +++ b/packages/app-store/_components/AppCard.tsx @@ -3,7 +3,7 @@ import Link from "next/link"; import { inferQueryOutput } from "@calcom/trpc/react"; import { Switch } from "@calcom/ui/v2"; -import OmniInstallAppButton from "@calcom/web/components/v2/apps/OmniInstallAppButton"; +import OmniInstallAppButton from "@calcom/web/components/apps/OmniInstallAppButton"; import { SetAppDataGeneric } from "../EventTypeAppContext"; import { eventTypeAppCardZod } from "../eventTypeAppCardZod"; diff --git a/packages/app-store/applecalendar/README.mdx b/packages/app-store/applecalendar/README.mdx index 7dcacfcaed..1c099aa437 100644 --- a/packages/app-store/applecalendar/README.mdx +++ b/packages/app-store/applecalendar/README.mdx @@ -3,6 +3,4 @@ items: - /api/app-store/applecalendar/1.jpg --- - - Apple calendar runs both the macOS and iOS mobile operating systems. Offering online cloud backup of calendars using Apple’s iCloud service, it can sync with Google Calendar and Microsoft Exchange Server. Users can schedule events in their day that include time, location, duration, and extra notes. diff --git a/packages/app-store/around/README.mdx b/packages/app-store/around/README.mdx index 1d5a175644..12bf570c0e 100644 --- a/packages/app-store/around/README.mdx +++ b/packages/app-store/around/README.mdx @@ -10,6 +10,4 @@ items: - /api/app-store/around/8.jpg --- - - Discover radically unique video calls designed to help hybrid-remote teams create, collaborate and celebrate together. \ No newline at end of file diff --git a/packages/app-store/caldavcalendar/README.mdx b/packages/app-store/caldavcalendar/README.mdx index 853b437263..a542acfddd 100644 --- a/packages/app-store/caldavcalendar/README.mdx +++ b/packages/app-store/caldavcalendar/README.mdx @@ -3,8 +3,6 @@ items: - /api/app-store/caldavcalendar/1.jpg --- - - Caldav is a protocol that allows different clients/servers to access scheduling information on remote servers as well as schedule meetings with other users on the same server or other servers. It extends WebDAV specification and uses iCalendar format for the data. Confirmed and verified list of all supported CalDAV integration calendar services so far: diff --git a/packages/app-store/campfire/README.mdx b/packages/app-store/campfire/README.mdx index 2ab993b082..87d30abbc4 100644 --- a/packages/app-store/campfire/README.mdx +++ b/packages/app-store/campfire/README.mdx @@ -6,8 +6,6 @@ items: - /api/app-store/campfire/4.jpg --- - - Lark Calendar is a time management and scheduling service developed by Lark. Allows users to create and edit events, with options available for type and time. Available to anyone that has a Lark account on both mobile and web versions. diff --git a/packages/app-store/n8n/README.mdx b/packages/app-store/n8n/README.mdx index 9a37137c08..ff3aa6742e 100644 --- a/packages/app-store/n8n/README.mdx +++ b/packages/app-store/n8n/README.mdx @@ -6,8 +6,6 @@ items: - https://docs.n8n.io/_images/integrations/builtin/credentials/cal/getting-api-key.gif --- - -

You can use these credentials to authenticate the following nodes with Cal.

  • diff --git a/packages/app-store/office365calendar/README.mdx b/packages/app-store/office365calendar/README.mdx index 096bc29334..3cb2959012 100644 --- a/packages/app-store/office365calendar/README.mdx +++ b/packages/app-store/office365calendar/README.mdx @@ -6,6 +6,4 @@ items: - /api/app-store/office365calendar/4.jpg --- - - Microsoft Office 365 is a suite of apps that helps you stay connected with others and get things done. It includes but is not limited to Microsoft Word, PowerPoint, Excel, Teams, OneNote and OneDrive. Office 365 allows you to work remotely with others on a team and collaborate in an online environment. Both web versions and desktop/mobile applications are available. diff --git a/packages/app-store/office365video/README.mdx b/packages/app-store/office365video/README.mdx index 6e45feb1ee..cb880bdf98 100644 --- a/packages/app-store/office365video/README.mdx +++ b/packages/app-store/office365video/README.mdx @@ -7,6 +7,4 @@ items: - /api/app-store/office365video/teams5.png --- - - Microsoft Teams is a business communication platform and collaborative workspace included in Microsoft 365. It offers workspace chat and video conferencing, file storage, and application integration. Both web versions and desktop/mobile applications are available. NOTE: MUST HAVE A WORK / SCHOOL ACCOUNT diff --git a/packages/app-store/ping/README.mdx b/packages/app-store/ping/README.mdx index af0e679517..5048413745 100644 --- a/packages/app-store/ping/README.mdx +++ b/packages/app-store/ping/README.mdx @@ -5,6 +5,4 @@ items: - /api/app-store/ping/3.png --- - - Ping.gg makes high quality video collaborations easier than ever. Think "Zoom for streamers and creators". Join a call in 3 clicks, manage audio and video like a pro, and copy-paste your guests straight into OBS diff --git a/packages/app-store/pipedream/README.mdx b/packages/app-store/pipedream/README.mdx index f5b4266197..5d4380f8fb 100644 --- a/packages/app-store/pipedream/README.mdx +++ b/packages/app-store/pipedream/README.mdx @@ -8,9 +8,6 @@ items: - /api/app-store/pipedream/5.png --- - - - {description}
    diff --git a/packages/app-store/rainbow/README.mdx b/packages/app-store/rainbow/README.mdx index 1f481af85d..d8e1257f1d 100644 --- a/packages/app-store/rainbow/README.mdx +++ b/packages/app-store/rainbow/README.mdx @@ -5,7 +5,5 @@ items: - /api/app-store/rainbow/3.jpg --- - - Token gate bookings based on NFTs, DAO tokens, and ERC-20 tokens. Rainbow supports dozens of trusted Ethereum wallet apps to verify token ownership. Available blockchains are Ethereum mainnet, Arbitrum, Optimism, and Polygon mainnet. diff --git a/packages/app-store/raycast/README.mdx b/packages/app-store/raycast/README.mdx index f3cd261231..a53617800c 100644 --- a/packages/app-store/raycast/README.mdx +++ b/packages/app-store/raycast/README.mdx @@ -6,6 +6,4 @@ items: - /api/app-store/raycast/4.png --- - - Quickly share your Cal.com meeting links with Raycast. Requires Raycast.com to be installed. You can create an API token in your Developer Cal.com Settings. diff --git a/packages/app-store/riverside/README.mdx b/packages/app-store/riverside/README.mdx index 77e14414d2..aaa4e29f03 100644 --- a/packages/app-store/riverside/README.mdx +++ b/packages/app-store/riverside/README.mdx @@ -3,5 +3,4 @@ items: - /api/app-store/riverside/riverside1.png --- - Your online recording studio. The easiest way to record podcasts and videos in studio quality from anywhere. All from the browser. diff --git a/packages/app-store/sirius_video/README.mdx b/packages/app-store/sirius_video/README.mdx index 3d9b864849..c47a957e58 100644 --- a/packages/app-store/sirius_video/README.mdx +++ b/packages/app-store/sirius_video/README.mdx @@ -6,7 +6,5 @@ items: - /api/app-store/sirius_video/3.jpg --- - - {description} diff --git a/packages/app-store/slackmessaging/README.mdx b/packages/app-store/slackmessaging/README.mdx index 0e854e9470..4800381a3b 100644 --- a/packages/app-store/slackmessaging/README.mdx +++ b/packages/app-store/slackmessaging/README.mdx @@ -5,7 +5,5 @@ items: - /api/app-store/slackmessaging/3.jpg --- - - Slack is a proprietary business communication platform that includes many IRC (internet relay chat) features - these include channels, private groups, direct messaging and more. Users are able to send pictures, and videos as well as even hop on calls with others using the paid version. Slack is available via desktop app, web browser or mobile app. The Cal.com Slack App can be used to display your links, upcoming bookings or to create events. Use it with your team members in a Slack, in a Community Slack or even with external contributors in a Slack Connect Channel. diff --git a/packages/app-store/stripepayment/README.mdx b/packages/app-store/stripepayment/README.mdx index 3906585339..189bb307c4 100644 --- a/packages/app-store/stripepayment/README.mdx +++ b/packages/app-store/stripepayment/README.mdx @@ -7,6 +7,4 @@ items: - /api/app-store/stripepayment/stripe5.jpg --- - - Stripe provides payment infrastructure for everyone from startups to Fortune 500 companies. They provide payment processing software as well as application programming interfaces (APIs) for mobile applications as well as e-commerce websites processing payments from (but not limited to) credit cards, debit cards, digital wallets, Google Pay, Apple Pay, Bank Transfers, Alipay and WeChat. \ No newline at end of file diff --git a/packages/app-store/tandemvideo/README.mdx b/packages/app-store/tandemvideo/README.mdx index ce8df86889..57a2496663 100644 --- a/packages/app-store/tandemvideo/README.mdx +++ b/packages/app-store/tandemvideo/README.mdx @@ -8,6 +8,4 @@ items: - /api/app-store/tandemvideo/tandem6.jpg --- - - Tandem is a new virtual office space that allows teams to effortlessly connect as though they are in a physical office, online. Through co-working rooms, available statuses, live real-time video call, and chat options, you can see who’s around, talk and collaborate in one click. It works cross-platform with both desktop and mobile versions. diff --git a/packages/app-store/typeform/README.mdx b/packages/app-store/typeform/README.mdx index b2dacd07d1..8544522db3 100644 --- a/packages/app-store/typeform/README.mdx +++ b/packages/app-store/typeform/README.mdx @@ -6,7 +6,6 @@ items: --- {/* Feel free to edit description or add other frontmatter. Frontmatter would be available in the components here as variables by same name */} -
    {description}
    You should have Routing Forms app installed to be able to use this app.
    diff --git a/packages/app-store/weather_in_your_calendar/README.mdx b/packages/app-store/weather_in_your_calendar/README.mdx index b999e336cf..369ce84541 100644 --- a/packages/app-store/weather_in_your_calendar/README.mdx +++ b/packages/app-store/weather_in_your_calendar/README.mdx @@ -4,6 +4,4 @@ items: - /api/app-store/weather_in_your_calendar/2.jpeg --- - - You can now get the weather forecast directly into your calendar. This local weather calendar uses emojis ⛅️ 🌧️ ☀️ 🌨️ to display a 16 days forecast from OpenWeatherMap. Enter your city, adjust according to your preferences and subscribe to your calendar. diff --git a/packages/app-store/whereby/README.mdx b/packages/app-store/whereby/README.mdx index 863c8105e6..9cc18e9f7d 100644 --- a/packages/app-store/whereby/README.mdx +++ b/packages/app-store/whereby/README.mdx @@ -4,6 +4,4 @@ items: - /api/app-store/whereby/whereby2.webp --- - - Whereby's the easiest way to connect over video – with no app or software download required. Connect with anyone, anywhere with zero hassle. \ No newline at end of file diff --git a/packages/app-store/zapier/README.mdx b/packages/app-store/zapier/README.mdx index 5704cede66..785dc7359c 100644 --- a/packages/app-store/zapier/README.mdx +++ b/packages/app-store/zapier/README.mdx @@ -4,6 +4,4 @@ items: - /api/app-store/zapier/2.jpg --- - - Workflow automation for everyone. Use the Cal.com Zapier app to automate your workflows when a booking is created, rescheduled, cancelled or when a meeting ended.

    **After Installation:** Have you lost your API key? You can always generate a new key on the **Zapier Setup Page** diff --git a/packages/app-store/zoomvideo/README.mdx b/packages/app-store/zoomvideo/README.mdx index 1ef771c0e9..9d5bb6e301 100644 --- a/packages/app-store/zoomvideo/README.mdx +++ b/packages/app-store/zoomvideo/README.mdx @@ -9,6 +9,4 @@ items: - /api/app-store/zoomvideo/zoom7.png --- - - Zoom is a secure and reliable video platform that supports all of your online communication needs. It can provide everything from one on one meetings, chat, phone, webinars, and large-scale online events. Available with both desktop, web, and mobile versions.