maronato/cal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added subtitle to zoom integrations

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";
case "office365_calendar":
return "Office 365 Calendar";
case "zoom":
case "zoom_video":
return "Zoom";
default:
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({
data: {
type: 'zoom',
type: 'zoom_video',
key: result,
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 prisma from '../lib/prisma';
import Shell from '../components/Shell';
import { signIn, useSession, getSession } from 'next-auth/client';
import { ClockIcon, CheckIcon, InformationCircleIcon } from '@heroicons/react/outline';
import {getSession, useSession} from 'next-auth/client';
import {CheckIcon, ClockIcon, InformationCircleIcon} from '@heroicons/react/outline';
import DonateBanner from '../components/DonateBanner';
function classNames(...classes) {
@ -206,10 +206,13 @@ export default function Home(props) {
<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 == '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">
{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>}
<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>
</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="flex items-center text-sm text-gray-500">
{ig.type.endsWith('_calendar') && <span className="truncate">Calendar Integration</span>}
{ig.type.endsWith('_video') && <span className="truncate">Video Conferencing</span>}
</p>
</div>
<div className="hidden md:block">
@ -221,8 +222,8 @@ export async function getServerSideProps(context) {
description: "For personal and business accounts",
}, {
installed: !!(process.env.ZOOM_CLIENT_ID && process.env.ZOOM_CLIENT_SECRET),
type: "zoom",
credential: credentials.find( (integration) => integration.type === "zoom" ) || null,
type: "zoom_video",
credential: credentials.find( (integration) => integration.type === "zoom_video" ) || null,
title: "Zoom",
imageSrc: "integrations/zoom.png",
description: "For personal and business accounts",