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>
+	)
+}

src/app/_components/TopNav.tsx

@@ -24,7 +24,7 @@ export default function TopNav() {
 					</Button>
 					<Show when="signed-in">
 						<Button asChild className="flex h-10 lg:h-full w-full lg:w-20" variant="outline">
-							<Link href={"/chat"}> Chat </Link>
+							<a href="/chat"> Chat </a>
 						</Button>
 					</Show>
 				</div>
@@ -52,7 +52,13 @@ export default function TopNav() {
 						<Show when="signed-in">
 							<Button asChild className="flex h-10 lg:h-full cursor-pointer lg:w-20 content-center" variant={"outline"}>
 								<div>
-									<UserButton />
+									<UserButton
+									userProfileProps={{
+										additionalOAuthScopes: {
+											google: ['https://www.googleapis.com/auth/calendar'],
+										},
+									}}
+								/>
 								</div>
 							</Button>
 						</Show>