Omar LópezandGitHub
7c749299bb
* Enforces explicit type imports * Upgrades typescript-eslint * Upgrades eslint related dependencies * Update config * Sync packages mismatches * Syncs prettier version * Linting * Relocks node version * Fixes * Locks @vitejs/plugin-react to 1.3.2 * Linting
30 lines
678 B
TypeScript
30 lines
678 B
TypeScript
import type { ReactNode } from "react";
|
|
|
|
import { Badge } from "@calcom/ui";
|
|
|
|
function pluralize(opts: { num: number; plural: string; singular: string }) {
|
|
if (opts.num === 0) {
|
|
return opts.singular;
|
|
}
|
|
return opts.singular;
|
|
}
|
|
|
|
export default function SubHeadingTitleWithConnections(props: { title: ReactNode; numConnections?: number }) {
|
|
const num = props.numConnections;
|
|
return (
|
|
<>
|
|
<span>{props.title}</span>
|
|
{num ? (
|
|
<Badge variant="success">
|
|
{num}{" "}
|
|
{pluralize({
|
|
num,
|
|
singular: "connection",
|
|
plural: "connections",
|
|
})}
|
|
</Badge>
|
|
) : null}
|
|
</>
|
|
);
|
|
}
|