fix build errors round 2

Author: msukkari

packages/web/src/app/[domain]/connections/components/connectionList/index.tsx

@@ -12,11 +12,10 @@ import { Search } from "lucide-react";
 import { Input } from "@/components/ui/input";
 import { useMemo, useState } from "react";
 import { MultiSelect } from "@/components/ui/multi-select";
-import { OrgRole } from "@sourcebot/db";
 
 interface ConnectionListProps {
     className?: string;
-    role: OrgRole;
+    isDisabled: boolean;
 }
 
 const convertSyncStatus = (status: ConnectionSyncStatus) => {
@@ -38,7 +37,7 @@ const convertSyncStatus = (status: ConnectionSyncStatus) => {
 
 export const ConnectionList = ({
     className,
-    role,
+    isDisabled,
 }: ConnectionListProps) => {
     const domain = useDomain();
     const [searchQuery, setSearchQuery] = useState("");
@@ -131,7 +130,7 @@ export const ConnectionList = ({
                                 repoId: repo.id,
                                 repoName: repo.name,
                             }))}
-                            disabled={role !== OrgRole.OWNER}
+                            disabled={isDisabled}
                         />
                     ))
             ) : (

packages/web/src/app/[domain]/connections/page.tsx

@@ -4,6 +4,7 @@ import { NewConnectionCard } from "./components/newConnectionCard";
 import { getConnections, getOrgMembership } from "@/actions";
 import { isServiceError } from "@/lib/utils";
 import { notFound, ServiceErrorException } from "@/lib/serviceError";
+import { OrgRole } from "@sourcebot/db";
 
 export default async function ConnectionsPage({ params: { domain } }: { params: { domain: string } }) {
     const connections = await getConnections(domain);
@@ -24,7 +25,7 @@ export default async function ConnectionsPage({ params: { domain } }: { params:
             <div className="flex flex-col md:flex-row gap-4">
                 <ConnectionList
                     className="md:w-3/4"
-                    role={membership.role}
+                    isDisabled={membership.role !== OrgRole.OWNER}
                 />
                 <NewConnectionCard
                     className="md:w-1/4"

packages/web/src/app/[domain]/repos/addRepoButton.tsx

@@ -16,7 +16,7 @@ import { ConnectionList } from "../connections/components/connectionList"
 import { useDomain } from "@/hooks/useDomain"
 import Link from "next/link";
 
-export function AddRepoButton() {
+export function AddRepoButton({ isAddNewRepoButtonVisible }: { isAddNewRepoButtonVisible: boolean }) {
     const [isOpen, setIsOpen] = useState(false)
     const domain = useDomain()
 
@@ -40,7 +40,7 @@ export function AddRepoButton() {
                 </DialogDescription>
               </DialogHeader>
               <div className="flex-1 overflow-y-auto p-6">
-                <ConnectionList className="w-full" />
+                <ConnectionList className="w-full" isDisabled={!isAddNewRepoButtonVisible} />
               </div>
               <DialogFooter className="flex justify-between items-center border-t p-4 px-6">
                 <Button asChild variant="default" className="bg-primary hover:bg-primary/90">