mokhtar/shellphone.app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

prefetch stuff

Browse Source
This commit is contained in:
m5r
2022-05-20 01:16:38 +02:00
parent 8607e70007
commit 306572d947
4 changed files with 70 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/features/messages/components/conversations-list.tsx
View File

@ -5,7 +5,7 @@ import { IoChevronForward } from "react-icons/io5";
import { formatRelativeDate } from "~/features/core/helpers/date-formatter";
import PhoneInitLoader from "~/features/core/components/phone-init-loader";
import EmptyMessages from "./empty-messages";
import type { MessagesLoaderData } from "~/routes/__app/messages";
import type { MessagesLoaderData } from "~/features/messages/loaders/messages";
export default function ConversationsList() {
const { conversations } = useLoaderData<MessagesLoaderData>();
@ -24,7 +24,7 @@ export default function ConversationsList() {
{Object.values(conversations).map(({ recipient, formattedPhoneNumber, lastMessage }) => {
return (
<li key={`sms-conversation-${recipient}`} className="py-2 px-4">
<Link to={`/messages/${recipient}`} className="flex flex-col">
<Link prefetch="intent" to={`/messages/${recipient}`} className="flex flex-col">
<div className="flex flex-row justify-between">
<span className="font-medium">{formattedPhoneNumber ?? recipient}</span>
<div className="text-gray-700 flex flex-row gap-x-1">