© 2022 Twitter, Inc.
+© 2024 Fofoca, Inc.
); } diff --git a/src/components/aside/aside-notifications.tsx b/src/components/aside/aside-notifications.tsx new file mode 100644 index 00000000..8e86d6cb --- /dev/null +++ b/src/components/aside/aside-notifications.tsx @@ -0,0 +1,135 @@ +import Link from 'next/link'; +import cn from 'clsx'; +import { motion } from 'framer-motion'; +import { query, updateDoc, where, doc } from 'firebase/firestore'; +import Image from 'next/image'; +import { useRouter } from 'next/router'; +import { preventBubbling } from '@lib/utils'; +import { notificationsCollection } from '@lib/firebase/collections'; +import { useInfiniteScroll } from '@lib/hooks/useInfiniteScroll'; +import { useAuth } from '@lib/context/auth-context'; +import { Error } from '@components/ui/error'; +import { Loading } from '@components/ui/loading'; +import { NotificationTypes } from '@components/common/notifications'; +import type { NotificationWithUser } from '@lib/types/notification'; +import type { MotionProps } from 'framer-motion'; + +export const variants: MotionProps = { + initial: { opacity: 0 }, + animate: { opacity: 1 }, + transition: { duration: 0.8 } +}; + +type AsideNotificationsProps = { + inNotificationsPage?: boolean; +}; + +export function AsideNotifications({ + inNotificationsPage +}: AsideNotificationsProps): JSX.Element { + const { user } = useAuth(); + const navigator = useRouter(); + + const { data, loading } = useInfiniteScroll( + query(notificationsCollection), + [where('targetUserId', '==', user?.id)], + { includeUser: 'userId' } + ); + + return ( +{NotificationProps.title}
++ {NotificationProps.description} +
++ Nova +
+- Trending{' '} - {location === 'Worldwide' - ? 'Worldwide' - : `in ${location as string}`} + Tendências +
+{text}
++ Criada por {name}
-{name}
- {formatNumber(tweet_volume)} tweets + {formatNumber(counter + 1)} fofocas
- + ))} {!inTrendsPage && ( - - Show more - + Mostrar mais + )}