import { PhoneMissedCallIcon, PhoneOutgoingIcon } from "@heroicons/react/solid"; import { Direction } from "../../../db"; import usePhoneCalls from "../hooks/use-phone-calls"; import { formatRelativeDate } from "../../core/helpers/date-formatter"; import clsx from "clsx"; export default function PhoneCallsList() { const phoneCalls = usePhoneCalls()[0]; if (phoneCalls.length === 0) { return