shellphone.app/app/routes/__app/calls.tsx

37 lines
1.0 KiB
TypeScript

import type { MetaFunction } from "@remix-run/node";
import { useLoaderData } from "superjson-remix";
import MissingTwilioCredentials from "~/features/core/components/missing-twilio-credentials";
import PageTitle from "~/features/core/components/page-title";
import PhoneCallsList from "~/features/phone-calls/components/phone-calls-list";
import callsLoader, { type PhoneCallsLoaderData } from "~/features/phone-calls/loaders/calls";
import { getSeoMeta } from "~/utils/seo";
export const meta: MetaFunction = () => ({
...getSeoMeta({ title: "Calls" }),
});
export const loader = callsLoader;
export default function PhoneCalls() {
const { hasPhoneNumber } = useLoaderData<PhoneCallsLoaderData>();
if (!hasPhoneNumber) {
return (
<>
<MissingTwilioCredentials />
<PageTitle className="filter blur-sm select-none absolute top-0" title="Calls" />
</>
);
}
return (
<>
<PageTitle className="pl-12" title="Calls" />
<section className="flex flex-grow flex-col">
<PhoneCallsList />
</section>
</>
);
}