shellphone.app/app/features/core/components/missing-twilio-credentials.tsx

26 lines
940 B
TypeScript
Raw Normal View History

2022-05-14 10:22:06 +00:00
import { Link } from "@remix-run/react";
2021-10-15 22:24:28 +00:00
import { IoSettings, IoAlertCircleOutline } from "react-icons/io5";
export default function MissingTwilioCredentials() {
return (
<div className="text-center my-auto">
<IoAlertCircleOutline className="mx-auto h-12 w-12 text-gray-400" aria-hidden="true" />
<h3 className="mt-2 text-sm font-medium text-gray-900">You haven&#39;t set up any phone number yet</h3>
<p className="mt-1 text-sm text-gray-500">
Head over to your settings
<br />
to set up your phone number.
</p>
<div className="mt-6">
2022-05-14 10:22:06 +00:00
<Link
to="/settings/phone"
2021-10-15 22:24:28 +00:00
className="inline-flex items-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-primary-500 focus:outline-none focus:ring-2 focus:ring-offset-2"
>
<IoSettings className="-ml-1 mr-2 h-5 w-5" aria-hidden="true" />
Set up my phone number
2022-05-14 10:22:06 +00:00
</Link>
2021-10-15 22:24:28 +00:00
</div>
</div>
);
}