Added subtitle to zoom integrations

lib/integrations.ts

@@ -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";

pages/api/integrations/zoom/callback.ts

@@ -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
         }

pages/index.tsx

@@ -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>
                                 )}

pages/integrations/index.tsx

@@ -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",