diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx index d3a67e5b..747340df 100644 --- a/src/components/Sidebar.tsx +++ b/src/components/Sidebar.tsx @@ -8,9 +8,11 @@ import { UsersIcon } from '@/components/icons/UsersIcon' import { KeyIcon } from '@/components/icons/KeyIcon' import { GlobeIcon } from '@/components/icons/GlobeIcon' import { CalendarDaysIcon } from '@/components/icons/CalendarDaysIcon' +import { MessageCircleIcon } from '@/components/icons/MessageCircleIcon' import { usePermissions } from '@/hooks/usePermissions' import { useFriendsWithInsights } from '@/api/hooks/useFriends' import { usePaywall } from '@/hooks/usePaywall' +import { open } from '@tauri-apps/plugin-shell' export function Sidebar() { const location = useLocation() @@ -109,8 +111,8 @@ export function Sidebar() { - {!hasProAccess && ( -
+
+ {!hasProAccess && ( -
- )} + )} + + + + open('https://calendar.app.google/UT16rbeEvS5Ye4bx9')} + > + + + + Book a Consultation + -
{ + size?: number +} + +const defaultTransition: Transition = { + duration: 0.6, + opacity: { duration: 0.2 } +} + +const pathVariants: Variants = { + normal: { + pathLength: 1, + opacity: 1 + }, + animate: { + opacity: [0, 1], + pathLength: [0, 1] + } +} + +const MessageCircleIcon = forwardRef( + ({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => { + const { controls, handleMouseEnter, handleMouseLeave } = useMouseOverAnimation({ + ref, + onMouseEnter, + onMouseLeave + }) + + return ( +
+ + + +
+ ) + } +) + +MessageCircleIcon.displayName = 'MessageCircleIcon' + +export { MessageCircleIcon }