style call list page

2021-08-31 04:13:40 +08:00
parent 4bc24f5395
commit d71e4de033
9 changed files with 336 additions and 13 deletions
--- a/app/messages/components/conversations-list.tsx
+++ b/app/messages/components/conversations-list.tsx
@ -17,7 +17,7 @@ export default function ConversationsList() {
 			{Object.values(conversations).map(({ recipient, formattedPhoneNumber, messages }) => {
 				const lastMessage = messages[messages.length - 1]!;
 				return (
-					<li key={recipient} className="py-2 p-4">
+					<li key={`sms-conversation-${recipient}`} className="py-2 px-4">
 						<Link href={Routes.ConversationPage({ recipient })}>
 							<a className="flex flex-col">
 								<div className="flex flex-row justify-between">