mythic-insight/calcom
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 5

Added subtitle to zoom integrations

Browse source
This commit is contained in:
nicolas 2021-06-13 13:59:40 +02:00
parent 124086d1ca
commit 0bb4678bf7
4 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
lib/integrations.ts
View file

@ -4,7 +4,7 @@ export function getIntegrationName(name: String) {
return "Google Calendar"; return "Google Calendar";
case "office365_calendar": case "office365_calendar":
return "Office 365 Calendar"; return "Office 365 Calendar";
case "zoom": case "zoom_video":
return "Zoom"; return "Zoom";
default: default:
return "Unknown"; return "Unknown";

2
pages/api/integrations/zoom/callback.ts
View file

@ -27,7 +27,7 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse)
await prisma.credential.create({ await prisma.credential.create({
data: { data: {
type: 'zoom', type: 'zoom_video',
key: result, key: result,
userId: session.user.id userId: session.user.id
} }

9
pages/index.tsx
View file

@ -2,8 +2,8 @@ import Head from 'next/head';
import Link from 'next/link'; import Link from 'next/link';
import prisma from '../lib/prisma'; import prisma from '../lib/prisma';
import Shell from '../components/Shell'; import Shell from '../components/Shell';
import { signIn, useSession, getSession } from 'next-auth/client'; import {getSession, useSession} from 'next-auth/client';
import { ClockIcon, CheckIcon, InformationCircleIcon } from '@heroicons/react/outline'; import {CheckIcon, ClockIcon, InformationCircleIcon} from '@heroicons/react/outline';
import DonateBanner from '../components/DonateBanner'; import DonateBanner from '../components/DonateBanner';
function classNames(...classes) { function classNames(...classes) {
@ -206,10 +206,13 @@ export default function Home(props) {
<li className="pb-4 flex"> <li className="pb-4 flex">
{integration.type == 'google_calendar' && <img className="h-10 w-10 mr-2" src="integrations/google-calendar.png" alt="Google Calendar" />} {integration.type == 'google_calendar' && <img className="h-10 w-10 mr-2" src="integrations/google-calendar.png" alt="Google Calendar" />}
{integration.type == 'office365_calendar' && <img className="h-10 w-10 mr-2" src="integrations/office-365.png" alt="Office 365 / Outlook.com Calendar" />} {integration.type == 'office365_calendar' && <img className="h-10 w-10 mr-2" src="integrations/office-365.png" alt="Office 365 / Outlook.com Calendar" />}
{integration.type == 'zoom_video' && <img className="h-10 w-10 mr-2" src="integrations/zoom.png" alt="Zoom" />}
<div className="ml-3"> <div className="ml-3">
{integration.type == 'office365_calendar' && <p className="text-sm font-medium text-gray-900">Office 365 / Outlook.com Calendar</p>} {integration.type == 'office365_calendar' && <p className="text-sm font-medium text-gray-900">Office 365 / Outlook.com Calendar</p>}
{integration.type == 'google_calendar' && <p className="text-sm font-medium text-gray-900">Google Calendar</p>} {integration.type == 'google_calendar' && <p className="text-sm font-medium text-gray-900">Google Calendar</p>}
<p className="text-sm text-gray-500">Calendar Integration</p> {integration.type == 'zoom_video' && <p className="text-sm font-medium text-gray-900">Zoom</p>}
{integration.type.endsWith('_calendar') && <p className="text-sm text-gray-500">Calendar Integration</p>}
{integration.type.endsWith('_video') && <p className="text-sm text-gray-500">Video Conferencing</p>}
</div> </div>
</li> </li>
)} )}

5
pages/integrations/index.tsx
View file

@ -53,6 +53,7 @@ export default function Home({ integrations }) {
<p className="text-sm font-medium text-blue-600 truncate">{ig.title}</p> <p className="text-sm font-medium text-blue-600 truncate">{ig.title}</p>
<p className="flex items-center text-sm text-gray-500"> <p className="flex items-center text-sm text-gray-500">
{ig.type.endsWith('_calendar') && <span className="truncate">Calendar Integration</span>} {ig.type.endsWith('_calendar') && <span className="truncate">Calendar Integration</span>}
{ig.type.endsWith('_video') && <span className="truncate">Video Conferencing</span>}
</p> </p>
</div> </div>
<div className="hidden md:block"> <div className="hidden md:block">
@ -221,8 +222,8 @@ export async function getServerSideProps(context) {
description: "For personal and business accounts", description: "For personal and business accounts",
}, { }, {
installed: !!(process.env.ZOOM_CLIENT_ID && process.env.ZOOM_CLIENT_SECRET), installed: !!(process.env.ZOOM_CLIENT_ID && process.env.ZOOM_CLIENT_SECRET),
type: "zoom", type: "zoom_video",
credential: credentials.find( (integration) => integration.type === "zoom" ) || null, credential: credentials.find( (integration) => integration.type === "zoom_video" ) || null,
title: "Zoom", title: "Zoom",
imageSrc: "integrations/zoom.png", imageSrc: "integrations/zoom.png",
description: "For personal and business accounts", description: "For personal and business accounts",