Added the 'Add' button (#8777)

Co-authored-by: Bailey Pumfleet <bailey@pumfleet.co.uk>
This commit is contained in:
Ashray Shetty 2023-05-09 22:15:53 +05:30 committed by GitHub
parent f4c613e6d1
commit 6eb8119a82
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 2 deletions

View File

@ -24,7 +24,7 @@ import {
SkeletonContainer,
SkeletonText,
} from "@calcom/ui";
import { AlertCircle, MoreHorizontal, Trash, Video } from "@calcom/ui/components/icon";
import { AlertCircle, MoreHorizontal, Trash, Video, Plus } from "@calcom/ui/components/icon";
import AppListCard from "@components/AppListCard";
import PageWrapper from "@components/PageWrapper";
@ -41,6 +41,18 @@ const SkeletonLoader = ({ title, description }: { title: string; description: st
);
};
const AddConferencingButton = () => {
const { t } = useLocale();
return (
<>
<Button color="secondary" StartIcon={Plus} href="/apps/categories/video">
{t("add_conferencing_app")}
</Button>
</>
);
};
const ConferencingLayout = () => {
const { t } = useLocale();
const utils = trpc.useContext();
@ -91,7 +103,11 @@ const ConferencingLayout = () => {
return (
<div className="bg-default w-full sm:mx-0 xl:mt-0">
<Meta title={t("conferencing")} description={t("conferencing_description")} />
<Meta
title={t("conferencing")}
description={t("conferencing_description")}
CTA={<AddConferencingButton />}
/>
<List>
{apps?.items &&
apps.items

View File

@ -1248,6 +1248,7 @@
"calendars_description": "Configure how your event types interact with your calendars",
"appearance_description": "Manage settings for your booking appearance",
"conferencing_description": "Add your favourite video conferencing apps for your meetings",
"add_conferencing_app": "Add Conferencing App",
"password_description": "Manage settings for your account passwords",
"2fa_description": "Manage settings for your account passwords",
"we_just_need_basic_info": "We just need some basic info to get your profile setup.",