chat fab

src/app/_components/ChatFAB.tsx

@@ -0,0 +1,19 @@
+'use client'
+import Link from 'next/link'
+import { MessageCircle } from 'lucide-react'
+import { Show } from '@clerk/nextjs'
+import { Button } from '~/components/ui/button'
+
+export default function ChatFAB() {
+	return (
+		<Show when="signed-in">
+			<div className="fixed bottom-6 right-6 z-50">
+				<Button asChild size="icon" className="h-14 w-14 rounded-full shadow-lg">
+					<Link href="/chat">
+						<MessageCircle className="h-6 w-6" />
+					</Link>
+				</Button>
+			</div>
+		</Show>
+	)
+}