Daily fixes

apps/web/pages/apps/installed.tsx

@@ -57,7 +57,7 @@ function WebhookListItem(props: { webhook: TWebhook; onEditWebhook: () => void }
             </span>
           </div>
           <div className="mt-2 flex">
-            <span className="flex flex-col space-y-1 space-x-2 text-xs sm:flex-row sm:space-y-0 sm:rtl:space-x-reverse">
+            <span className="flex flex-col space-x-2 space-y-1 text-xs sm:flex-row sm:space-y-0 sm:rtl:space-x-reverse">
               {props.webhook.eventTriggers.map((eventTrigger, ind) => (
                 <span
                   key={ind}
@@ -477,6 +477,7 @@ function ConnectOrDisconnectIntegrationButton(props: {
   //
   credentialIds: number[];
   type: string;
+  isGlobal?: boolean;
   installed: boolean;
 }) {
   const { t } = useLocale();
@@ -507,7 +508,7 @@ function ConnectOrDisconnectIntegrationButton(props: {
     );
   }
   /** We don't need to "Connect", just show that it's installed */
-  if (["huddle01_video", "jitsi_video"].includes(props.type)) {
+  if (props.isGlobal || ["huddle01_video", "jitsi_video"].includes(props.type)) {
     return (
       <div className="truncate px-3 py-2">
         <h3 className="text-sm font-medium text-gray-700">{t("installed")}</h3>

packages/app-store/dailyvideo/index.ts

@@ -1,15 +1,26 @@
 import type { App } from "@calcom/types/App";
 
-import _metadata from "./package.json";
+import _package from "./package.json";
 
 export const metadata = {
-  ..._metadata,
+  name: "Daily.co Video",
+  description: _package.description,
   installed: !!process.env.DAILY_API_KEY,
   type: "daily_video",
   imageSrc: "apps/daily.svg",
   variant: "conferencing",
   url: "https://daily.co/",
   trending: true,
-} as Partial<App>;
+  logo: "/apps/daily.svg",
+  publisher: "Cal.com",
+  verified: true,
+  rating: 4.3, // TODO: placeholder for now, pull this from TrustPilot or G2
+  reviews: 69, // TODO: placeholder for now, pull this from TrustPilot or G2
+  category: "video",
+  label: "Daily.co Video",
+  slug: "dailyvideo",
+  title: "Daily.co Video",
+  isGlobal: true,
+} as App;
 
 export * as lib from "./lib";

packages/app-store/dailyvideo/package.json

@@ -3,16 +3,7 @@
   "name": "@calcom/dailyvideo",
   "version": "0.0.0",
   "main": "./index.ts",
-  "title": "Daily.co Video",
-  "slug": "dailyvideo",
-  "category": "video",
   "description": "Video Conferencing",
-  "logo": "/apps/daily.svg",
-  "publisher": "Cal.com",
-  "url": "https://daily.co/",
-  "verified": true,
-  "rating": 0,
-  "reviews": 0,
   "dependencies": {
     "@calcom/prisma": "*",
     "@calcom/lib": "*"

packages/types/App.d.ts

@@ -28,4 +28,9 @@ export interface App {
   trending: boolean;
   rating: number;
   reviews: number;
+  /**
+   *  Wheter if the app is installed globally or needs user intervention.
+   * Used to show Connect/Disconnect buttons in App Store
+   * */
+  isGlobal?: boolean;
 }