hide footer in conversation page

app/features/messages/components/new-message-area.tsx

@@ -19,7 +19,7 @@ function NewMessageArea() {
 		<Form
 			ref={formRef}
 			method="post"
-			className="absolute bottom-0 w-screen backdrop-filter backdrop-blur-xl bg-white bg-opacity-75 border-t flex flex-row h-14 mb-16 p-2 pr-0"
+			className="absolute bottom-0 w-screen backdrop-filter backdrop-blur-xl bg-white bg-opacity-75 border-t flex flex-row p-2 pr-0"
 			replace
 		>
 			<textarea

app/routes/__app.tsx

@@ -34,10 +34,8 @@ export const loader: LoaderFunction = async ({ request }) => {
 };
 
 export default function __App() {
-	const hideFooter = false;
 	const matches = useMatches();
-	// matches[0].handle.hideFooter
-	// console.log("matches", matches);
+	const hideFooter = matches.some(match => match.handle?.hideFooter === true);
 
 	return (
 		<div className="h-full w-full overflow-hidden fixed bg-gray-100">

app/routes/__app/messages.$recipient.tsx

@@ -91,3 +91,5 @@ export default function ConversationPage() {
 		</section>
 	);
 }
+
+export const handle = { hideFooter: true };