diff --git a/apps/web/pages/v2/apps/installed/[category].tsx b/apps/web/pages/v2/apps/installed/[category].tsx index 76424f06ee..fdd931a64b 100644 --- a/apps/web/pages/v2/apps/installed/[category].tsx +++ b/apps/web/pages/v2/apps/installed/[category].tsx @@ -4,7 +4,6 @@ import z from "zod"; import { AppSettings } from "@calcom/app-store/_components/AppSettings"; import { InstallAppButton } from "@calcom/app-store/components"; import { InstalledAppVariants } from "@calcom/app-store/utils"; -import { classNames } from "@calcom/lib"; import { useLocale } from "@calcom/lib/hooks/useLocale"; import { inferQueryOutput, trpc } from "@calcom/trpc/react"; import { App } from "@calcom/types/App"; @@ -118,9 +117,7 @@ const IntegrationsList = ({ data }: IntegrationsListProps) => { /> }> -
- -
+ ))} diff --git a/packages/app-store/_components/AppSettings.tsx b/packages/app-store/_components/AppSettings.tsx index c3ee5c08c2..a2a41ba4be 100644 --- a/packages/app-store/_components/AppSettings.tsx +++ b/packages/app-store/_components/AppSettings.tsx @@ -4,6 +4,10 @@ import { DynamicComponent } from "./DynamicComponent"; export const AppSettings = (props: { slug: string }) => { return ( - componentMap={AppSettingsComponentsMap} {...props} /> + + wrapperClassName="border-t border-gray-200" + componentMap={AppSettingsComponentsMap} + {...props} + /> ); }; diff --git a/packages/app-store/_components/DynamicComponent.tsx b/packages/app-store/_components/DynamicComponent.tsx index 25ba7288a6..26ca507292 100644 --- a/packages/app-store/_components/DynamicComponent.tsx +++ b/packages/app-store/_components/DynamicComponent.tsx @@ -1,9 +1,17 @@ -export function DynamicComponent>(props: { componentMap: T; slug: string }) { +export function DynamicComponent>(props: { + componentMap: T; + slug: string; + wrapperClassName?: string; +}) { const { componentMap, slug, ...rest } = props; if (!componentMap[slug]) return null; const Component = componentMap[slug]; - return ; + return ( +
+ +
+ ); }