AppDetailConnectedApps.tsx raw

   1  import AppCard from "src/components/connections/AppCard";
   2  import { AppStoreApp } from "src/components/connections/SuggestedAppData";
   3  import { useAppsForAppStoreApp } from "src/hooks/useApps";
   4  
   5  export function AppDetailConnectedApps({
   6    appStoreApp,
   7    showTitle,
   8  }: {
   9    appStoreApp: AppStoreApp;
  10    showTitle?: boolean;
  11  }) {
  12    const connectedApps = useAppsForAppStoreApp(appStoreApp);
  13  
  14    if (!connectedApps?.length) {
  15      return null;
  16    }
  17  
  18    return (
  19      <>
  20        {showTitle && (
  21          <h2 className="font-medium text-lg mt-6">Your Connections</h2>
  22        )}
  23        <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
  24          {connectedApps.map((app) => (
  25            <AppCard key={app.id} app={app} />
  26          ))}
  27        </div>
  28      </>
  29    );
  30  }
  31