since3-portal/modules/shared/ui/views/credentials-panel.tsx

import { getCredentials } from "@/modules/shared/queries/credentials"
import { getClientId } from "@/modules/shared/queries/profile"
import { CredentialsTable } from "@/modules/shared/ui/components/credentials-table"
import { CredentialDialog } from "@/modules/shared/ui/components/credential-dialog"

export async function CredentialsPanel({
    profileId,
    isAdmin,
}: {
    profileId: string
    isAdmin: boolean
}) {
    const clientId = await getClientId(profileId)
    const credentials = clientId ? await getCredentials(clientId) : []

    return (
        <div className="flex flex-col gap-8 w-full">
            <div className="w-full flex flex-row justify-between items-center">
                <h1 className="text-3xl font-semibold">Passwörter</h1>
                <CredentialDialog profileId={profileId} />
            </div>
            <CredentialsTable profileId={profileId} credentials={credentials} isAdmin={isAdmin} />
        </div>
    )
}