import { hasPersonalRecordSource, PersonalRecordSource } from "./personal-record-source";
import { OrgBadge } from "./org-badge";
import { createdAtOrganization } from "../../utils/createdAtOrganization";

type Attributed = Parameters<typeof createdAtOrganization>[0];

/** The practice a record was written at, from its stored attribution only: no request per row, and never
 *  the viewer's own practice in place of a missing one. */
export const SourcePractice = ({ resource, className }: { resource?: Attributed; className?: string }) => {
  if (hasPersonalRecordSource(resource)) return <PersonalRecordSource resource={resource} className={className} />;
  const { name } = createdAtOrganization(resource);
  return (
    <span className={`ak-org-line${className ? ` ${className}` : ""}`}>
      {name ? (
        <>
          <OrgBadge name={name} />
          <span className="ak-org-line__name">{name}</span>
        </>
      ) : (
        "Practice not recorded"
      )}
    </span>
  );
};