diff --git a/locales/en.json b/locales/en.json index ec25650..97c4950 100644 --- a/locales/en.json +++ b/locales/en.json @@ -89,6 +89,16 @@ "journal.pl.lesson.aiGenerationError": "Error generating AI suggestions", "journal.pl.lesson.tryAgainLater": "An error occurred while generating lesson suggestions. Please try again later.", "journal.pl.lesson.retryGeneration": "Retry Generation", + "journal.pl.lesson.reactions": "Reactions to the lesson:", + "journal.pl.lesson.noStudents": "No Students Yet", + "journal.pl.lesson.waitForStudents": "Students who attend the lesson will appear here", + "journal.pl.lesson.notMarked": "Not yet marked", + + "journal.pl.reactions.thumbs_up": "Thumbs up", + "journal.pl.reactions.heart": "Heart", + "journal.pl.reactions.laugh": "Laugh", + "journal.pl.reactions.wow": "Wow", + "journal.pl.reactions.clap": "Clap", "journal.pl.exam.title": "Exam", "journal.pl.exam.startExam": "Start exam", diff --git a/locales/ru.json b/locales/ru.json index 7bfb09d..bcb7d40 100644 --- a/locales/ru.json +++ b/locales/ru.json @@ -86,6 +86,16 @@ "journal.pl.lesson.aiGenerationError": "Ошибка генерации рекомендаций ИИ", "journal.pl.lesson.tryAgainLater": "Произошла ошибка при генерации рекомендаций для занятий. Пожалуйста, попробуйте позже.", "journal.pl.lesson.retryGeneration": "Повторить генерацию", + "journal.pl.lesson.reactions": "Реакции на занятие:", + "journal.pl.lesson.noStudents": "Пока нет студентов", + "journal.pl.lesson.waitForStudents": "Студенты, посетившие занятие, появятся здесь", + "journal.pl.lesson.notMarked": "Не отмечен", + + "journal.pl.reactions.thumbs_up": "Палец вверх", + "journal.pl.reactions.heart": "Сердце", + "journal.pl.reactions.laugh": "Смех", + "journal.pl.reactions.wow": "Вау", + "journal.pl.reactions.clap": "Аплодисменты", "journal.pl.exam.title": "Экзамен", "journal.pl.exam.startExam": "Начать экзамен", diff --git a/package-lock.json b/package-lock.json index e43d478..a01c01d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "journal.pl", - "version": "3.14.4", + "version": "3.15.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "journal.pl", - "version": "3.14.4", + "version": "3.15.0", "license": "MIT", "dependencies": { "@brojs/cli": "^1.8.4", diff --git a/package.json b/package.json index e832c39..2331ada 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "journal.pl", - "version": "3.14.4", + "version": "3.15.0", "description": "bro-js platform journal ui repo", "main": "./src/index.tsx", "scripts": { diff --git a/src/__data__/api/api.ts b/src/__data__/api/api.ts index d64f3f2..799b1c7 100644 --- a/src/__data__/api/api.ts +++ b/src/__data__/api/api.ts @@ -122,6 +122,15 @@ export const api = createApi({ method: 'GET', }), }), + + sendReaction: builder.mutation({ + query: ({ lessonId, reaction }) => ({ + url: `/lesson/reaction/${lessonId}`, + method: 'POST', + body: { reaction }, + }), + }), + getCourseById: builder.query({ query: (courseId) => `/course/${courseId}`, transformResponse: (response: BaseResponse) => response.body, diff --git a/src/__data__/model.ts b/src/__data__/model.ts index 7f58971..2ad1c9a 100644 --- a/src/__data__/model.ts +++ b/src/__data__/model.ts @@ -49,10 +49,17 @@ export type BaseResponse = { body: Data; }; +export interface Reaction { + _id: string; + sub: string; + reaction: string; +} + export interface Lesson { id: string; _id: string; name: string; + reactions: Reaction[]; students: User[]; teachers: Teacher[]; date: string; diff --git a/src/components/user-card/style.ts b/src/components/user-card/style.ts index 1691921..4718cca 100644 --- a/src/components/user-card/style.ts +++ b/src/components/user-card/style.ts @@ -53,7 +53,7 @@ export const NameOverlay = styled.div` ` // Стили без интерполяций компонентов -export const Wrapper = styled.div<{ warn?: boolean; width?: string | number }>` +export const Wrapper = styled.div<{ warn?: boolean; width?: string | number; position?: string }>` list-style: none; position: relative; border-radius: 12px; @@ -98,6 +98,13 @@ export const Wrapper = styled.div<{ warn?: boolean; width?: string | number }>` ` : ''} + ${({ position }) => + position + ? css` + position: ${position}; + ` + : ''} + ${(props) => props.warn ? css` diff --git a/src/components/user-card/user-card.tsx b/src/components/user-card/user-card.tsx index 179c171..5c8f51b 100644 --- a/src/components/user-card/user-card.tsx +++ b/src/components/user-card/user-card.tsx @@ -1,13 +1,24 @@ import React from 'react' import { sha256 } from 'js-sha256' -import { useState } from 'react' -import { Box, useColorMode } from '@chakra-ui/react' +import { useState, useEffect, useRef } from 'react' +import { Box, useColorMode, Text } from '@chakra-ui/react' import { CheckCircleIcon, AddIcon } from '@chakra-ui/icons' +import { motion, AnimatePresence } from 'framer-motion' +import { useTranslation } from 'react-i18next' -import { User } from '../../__data__/model' +import { User, Reaction } from '../../__data__/model' import { AddMissedButton, Avatar, Wrapper, NameOverlay } from './style' +// Map of reaction types to emojis +const REACTION_EMOJIS = { + thumbs_up: '👍', + heart: '❤️', + laugh: '😂', + wow: '😮', + clap: '👏' +} + export function getGravatarURL(email, user) { if (!email) return void 0 const address = String(email).trim().toLowerCase() @@ -22,7 +33,8 @@ export const UserCard = ({ onAddUser = undefined, wrapperAS = 'div', width, - recentlyPresent = false + recentlyPresent = false, + reactions = [] }: { student: User present: boolean @@ -30,9 +42,50 @@ export const UserCard = ({ onAddUser?: (user: User) => void wrapperAS?: React.ElementType; recentlyPresent?: boolean + reactions?: Reaction[] }) => { const { colorMode } = useColorMode(); + const { t } = useTranslation(); const [imageError, setImageError] = useState(false); + const [visibleReactions, setVisibleReactions] = useState([]); + const timeoutRef = useRef(null); + + // Filter reactions to only show this student's reactions + useEffect(() => { + const studentReactions = reactions.filter(r => r.sub === student.sub); + + if (studentReactions.length > 0) { + // Check for new reactions + const newReactions = studentReactions.filter( + newReaction => !visibleReactions.some( + existingReaction => existingReaction._id === newReaction._id + ) + ); + + if (newReactions.length > 0) { + // If there are new reactions, add them to visible reactions + setVisibleReactions(prevReactions => [...prevReactions, ...newReactions]); + + // Clear any existing timeout + if (timeoutRef.current) { + clearTimeout(timeoutRef.current); + } + + // Set a new timeout + timeoutRef.current = setTimeout(() => { + setVisibleReactions([]); + timeoutRef.current = null; + }, 3000); + } + } + + // Clean up on unmount + return () => { + if (timeoutRef.current) { + clearTimeout(timeoutRef.current); + } + }; + }, [reactions, student.sub, visibleReactions]); return ( {onAddUser && !present && ( - onAddUser(student)} aria-label="Отметить присутствие"> + onAddUser(student)} aria-label={t('journal.pl.common.add')}> )} + + {/* Student reactions animation */} + + {visibleReactions.map((reaction, index) => ( + + + {REACTION_EMOJIS[reaction.reaction] || reaction.reaction} + + + ))} + ) } diff --git a/src/pages/lesson-details.tsx b/src/pages/lesson-details.tsx index 703c896..ece73df 100644 --- a/src/pages/lesson-details.tsx +++ b/src/pages/lesson-details.tsx @@ -11,11 +11,12 @@ import { Heading, Stack, useColorMode, + Flex, } from '@chakra-ui/react' import { useTranslation } from 'react-i18next' import { api } from '../__data__/api/api' -import { User } from '../__data__/model' +import { User, Reaction } from '../__data__/model' import { UserCard } from '../components/user-card' import { formatDate } from '../utils/dayjs-config' import { useSetBreadcrumbs } from '../components' @@ -70,6 +71,10 @@ const LessonDetail = () => { const [isPulsing, setIsPulsing] = useState(false) // Отслеживаем предыдущее количество студентов const prevStudentCountRef = useRef(0) + // Отслеживаем предыдущие реакции для определения новых + const prevReactionsRef = useRef>({}) + // Храним актуальные реакции студентов + const [studentReactions, setStudentReactions] = useState>({}) const { isFetching, @@ -120,6 +125,44 @@ const LessonDetail = () => { } }, [accessCode]) + // Эффект для обработки новых реакций + useEffect(() => { + if (accessCode?.body?.lesson?.reactions) { + const reactions = accessCode.body.lesson.reactions; + + // Группируем реакции по sub (идентификатору студента) + const groupedReactions: Record = {}; + + reactions.forEach(reaction => { + if (!groupedReactions[reaction.sub]) { + groupedReactions[reaction.sub] = []; + } + + // Добавляем только новые реакции + const isNewReaction = !prevReactionsRef.current[reaction.sub]?.some( + r => r._id === reaction._id + ); + + if (isNewReaction) { + groupedReactions[reaction.sub].push(reaction); + } + }); + + // Обновляем отображаемые реакции + setStudentReactions(groupedReactions); + + // Обновляем предыдущие реакции + prevReactionsRef.current = { ...groupedReactions }; + + // Сбрасываем отображаемые реакции через некоторое время + const clearReactionsTimeout = setTimeout(() => { + setStudentReactions({}); + }, 5000); + + return () => clearTimeout(clearReactionsTimeout); + } + }, [accessCode?.body?.lesson?.reactions]); + useEffect(() => { if (manualAddRqst.isSuccess) { refetch() @@ -202,7 +245,8 @@ const LessonDetail = () => { } } - return allStudents.sort((a, b) => (a.present ? -1 : 1)) + // Removing the sorting to prevent reordering animation + return allStudents }, [accessCode?.body, AllStudents.data, prevPresentStudentsRef.current]) // Функция для определения цвета на основе посещаемости @@ -234,6 +278,9 @@ const LessonDetail = () => { borderRadius="xl" bg={colorMode === "light" ? "gray.50" : "gray.700"} boxShadow="md" + position="sticky" + top="20px" + zIndex="2" > {formatDate(accessCode?.body?.lesson?.date, t('journal.pl.lesson.dateFormat'))}{' '} {t('journal.pl.common.marked')} - @@ -298,35 +345,163 @@ const LessonDetail = () => { {studentsArr.map((student) => ( - manualAdd({ lessonId, user })} - /> + {/* Front side - visible when present */} + + + manualAdd({ lessonId, user })} + reactions={studentReactions[student.sub] || []} + /> + + + {/* Back side - visible when not present */} + + + + + + {/* Академическая шапочка */} + + + + + {/* Лицо студента */} + + + {/* Тело студента */} + + + + + {student.name || student.preferred_username} + + + {t('journal.pl.lesson.notMarked')} + + + + ))} diff --git a/src/pages/style.ts b/src/pages/style.ts index d245088..01d7319 100644 --- a/src/pages/style.ts +++ b/src/pages/style.ts @@ -22,8 +22,6 @@ export const StudentList = styled.ul` grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 16px; width: 100%; - max-height: 600px; - overflow-y: auto; @media (max-width: 768px) { gap: 12px; diff --git a/src/pages/user-page.tsx b/src/pages/user-page.tsx index 570aa13..ba4cc2f 100644 --- a/src/pages/user-page.tsx +++ b/src/pages/user-page.tsx @@ -17,17 +17,31 @@ import { Badge, Flex, useColorMode, + IconButton, + Tooltip, + HStack, } from '@chakra-ui/react' import { UserCard } from '../components/user-card' import { StudentListView } from './style' import { useSetBreadcrumbs } from '../components' +// Reaction emojis with their string values +const REACTIONS = [ + { emoji: '👍', value: 'thumbs_up' }, + { emoji: '❤️', value: 'heart' }, + { emoji: '😂', value: 'laugh' }, + { emoji: '😮', value: 'wow' }, + { emoji: '👏', value: 'clap' }, +] + const UserPage = () => { const { lessonId, accessId } = useParams() const { t } = useTranslation() const { colorMode } = useColorMode() const acc = api.useGetAccessQuery({ accessCode: accessId }) const [animatedStudents, setAnimatedStudents] = useState([]) + const [sendReaction] = api.useSendReactionMutation() + const [activeReaction, setActiveReaction] = useState(null) const ls = api.useLessonByIdQuery(lessonId, { pollingInterval: 1000, @@ -85,6 +99,19 @@ const UserPage = () => { } }, [animatedStudents]) + // Обработчик отправки реакции + const handleReaction = (reaction) => { + if (lessonId) { + sendReaction({ lessonId, reaction }) + setActiveReaction(reaction) + + // Сбрасываем активную реакцию через 1 секунду + setTimeout(() => { + setActiveReaction(null) + }, 1000) + } + } + if (acc.isLoading) { return ( @@ -168,6 +195,49 @@ const UserPage = () => { + {/* Реакции на занятие */} + + + {t('journal.pl.lesson.reactions')} + + + {REACTIONS.map((reaction) => ( + + {reaction.emoji}} + size="lg" + variant={activeReaction === reaction.value ? "solid" : "outline"} + colorScheme={activeReaction === reaction.value ? "blue" : "gray"} + onClick={() => handleReaction(reaction.value)} + transition="all 0.2s" + _hover={{ transform: "scale(1.1)" }} + sx={{ + animation: activeReaction === reaction.value + ? "pulse 0.5s ease-in-out" : "none", + "@keyframes pulse": { + "0%": { transform: "scale(1)" }, + "50%": { transform: "scale(1.2)" }, + "100%": { transform: "scale(1)" } + } + }} + /> + + ))} + + + + { student={student} present={true} recentlyPresent={student.isNew} + reactions={ls.data?.body?.reactions?.filter(r => r.sub === student.sub) || []} /> ))} diff --git a/stubs/api/index.js b/stubs/api/index.js index 01dfdd3..b6b8966 100644 --- a/stubs/api/index.js +++ b/stubs/api/index.js @@ -2,19 +2,87 @@ const router = require('express').Router() const fs = require('node:fs') const path = require('node:path') +// Функция для чтения JSON файла и случайной модификации содержимого +function readAndModifyJson(filePath) { + try { + // Используем fs.readFileSync вместо require для избежания кэширования + const fullPath = path.resolve(__dirname, filePath); + const fileContent = fs.readFileSync(fullPath, 'utf8'); + const jsonContent = JSON.parse(fileContent); + + // Если это список учеников, немного перемешаем их + if (jsonContent.body && Array.isArray(jsonContent.body.students)) { + jsonContent.body.students.sort(() => 0.5 - Math.random()); + } + + // Если это список реакций, обновим время создания и слегка перемешаем + if (jsonContent.body && Array.isArray(jsonContent.body.reactions)) { + const now = Date.now(); + jsonContent.body.reactions.forEach((reaction, index) => { + // Интервал от 10 секунд до 2 минут назад + const randomTime = now - Math.floor(Math.random() * (120000 - 10000) + 10000); + reaction.created = new Date(randomTime).toISOString(); + }); + + // Сортируем реакции по времени создания (новые сверху) + jsonContent.body.reactions.sort((a, b) => + new Date(b.created) - new Date(a.created) + ); + } + + // Если это список уроков, обновим даты + if (jsonContent.body && Array.isArray(jsonContent.body) && jsonContent.body[0] && jsonContent.body[0].name) { + jsonContent.body.forEach((lesson) => { + // Случайная дата в пределах последних 3 месяцев + const randomDate = new Date(); + randomDate.setMonth(randomDate.getMonth() - Math.random() * 3); + lesson.date = randomDate.toISOString(); + lesson.created = new Date(randomDate.getTime() - 86400000).toISOString(); // Создан за день до даты + }); + } + + // Если это список курсов, добавим случайные данные + if (jsonContent.body && Array.isArray(jsonContent.body) && jsonContent.body[0] && jsonContent.body[0].id) { + jsonContent.body.forEach((course) => { + course.startDt = new Date(new Date().getTime() - Math.random() * 31536000000).toISOString(); // В пределах года + course.created = new Date(new Date(course.startDt).getTime() - 604800000).toISOString(); // Создан за неделю до начала + }); + } + + return jsonContent; + } catch (error) { + console.error(`Error reading/modifying file ${filePath}:`, error); + return { success: false, error: "Failed to read file" }; + } +} + +// Функция для чтения JSON без модификации +function readJsonFile(filePath) { + try { + const fullPath = path.resolve(__dirname, filePath); + const fileContent = fs.readFileSync(fullPath, 'utf8'); + return JSON.parse(fileContent); + } catch (error) { + console.error(`Error reading file ${filePath}:`, error); + return { success: false, error: "Failed to read file" }; + } +} + const timer = (time = 1000) => (_req, _res, next) => setTimeout(next, time) -router.use(timer()) +// Небольшая задержка для имитации реальной сети +router.use(timer(100)); const config = { examCreated: false } router.get('/course/list', (req, res) => { - res.send(require('../mocks/courses/list/success.json')) + const modifiedData = readAndModifyJson('../mocks/courses/list/success.json'); + res.send(modifiedData); }) router.get('/course/:id', (req, res) => { @@ -22,18 +90,30 @@ router.get('/course/:id', (req, res) => { return res.status(400).send({ success: false, error: 'Invalid course id' }) if (config.examCreated) { - config.examCreated = false - return res.send(require('../mocks/courses/by-id/with-exam.json')) + config.examCreated = false; + const modifiedData = readAndModifyJson('../mocks/courses/by-id/with-exam.json'); + return res.send(modifiedData); } - res.send(require('../mocks/courses/by-id/success.json')) + + const modifiedData = readAndModifyJson('../mocks/courses/by-id/success.json'); + res.send(modifiedData); }) router.get('/course/students/:courseId', (req, res) => { - res.send(require('../mocks/courses/all-students/success.json')) + const modifiedData = readAndModifyJson('../mocks/courses/all-students/success.json'); + res.send(modifiedData); }) router.post('/course', (req, res) => { - res.send(require('../mocks/courses/create/success.json')) + const baseData = readJsonFile('../mocks/courses/create/success.json'); + + // Добавляем данные из запроса + if (baseData.body) { + baseData.body.name = req.body.name || baseData.body.name; + baseData.body.created = new Date().toISOString(); + } + + res.send(baseData); }) router.post('/course/toggle-exam-with-jury/:id', (req, res) => { @@ -42,33 +122,62 @@ router.post('/course/toggle-exam-with-jury/:id', (req, res) => { }) router.get('/lesson/list/:courseId', (req, res) => { - res.send(require('../mocks/lessons/list/success.json')) + const modifiedData = readAndModifyJson('../mocks/lessons/list/success.json'); + res.send(modifiedData); }) - -// https://platform.bro-js.ru/jrnl-bh/api/lesson/67cf0c9f2f4241c6fc29f464/ai/generate-lessons router.get('/lesson/:courseId/ai/generate-lessons', timer(3000), (req, res) => { - res.send(require('../mocks/lessons/generate/success.json')) + const modifiedData = readAndModifyJson('../mocks/lessons/generate/success.json'); + res.send(modifiedData); }) router.post('/lesson', (req, res) => { - res.send(require('../mocks/lessons/create/success.json')) + const baseData = readJsonFile('../mocks/lessons/create/success.json'); + + // Добавляем данные из запроса + if (baseData.body) { + baseData.body.name = req.body.name || baseData.body.name; + baseData.body.date = req.body.date || new Date().toISOString(); + baseData.body.created = new Date().toISOString(); + } + + res.send(baseData); }) router.post('/lesson/access-code', (req, res) => { - const answer = fs.readFileSync( - path.resolve(__dirname, '../mocks/lessons/access-code/create/success.json'), - ) - // res.send(require('../mocks/lessons/access-code/create/success.json')) - res.send(answer) + const modifiedData = readAndModifyJson('../mocks/lessons/access-code/create/success.json'); + + // Обновляем дату истечения через час от текущего времени + if (modifiedData.body) { + modifiedData.body.expires = new Date(Date.now() + 60 * 60 * 1000).toISOString(); + modifiedData.body.created = new Date().toISOString(); + } + + res.send(modifiedData); }) router.get('/lesson/access-code/:accessCode', (req, res) => { - res.status(400).send(require('../mocks/lessons/access-code/get/error.json')) + const modifiedData = readAndModifyJson('../mocks/lessons/access-code/get/success.json'); + + // Обновляем дату истечения через час от текущего времени + if (modifiedData.body && modifiedData.body.accessCode) { + modifiedData.body.accessCode.expires = new Date(Date.now() + 60 * 60 * 1000).toISOString(); + modifiedData.body.accessCode.created = new Date().toISOString(); + } + + res.send(modifiedData); }) router.get('/lesson/:lessonId', (req, res) => { - res.send(require('../mocks/lessons/byid/success.json')) + const modifiedData = readAndModifyJson('../mocks/lessons/byid/success.json'); + + // Обновляем даты + if (modifiedData.body) { + modifiedData.body.date = new Date().toISOString(); + modifiedData.body.created = new Date(Date.now() - 86400000).toISOString(); // Создан день назад + } + + res.send(modifiedData); }) router.delete('/lesson/:lessonId', (req, res) => { @@ -79,4 +188,24 @@ router.put('/lesson', (req, res) => { res.send({ success: true, body: req.body }) }) +router.post('/lesson/reaction/:lessonId', (req, res) => { + // Simulate processing a new reaction + const { reaction } = req.body; + const lessonId = req.params.lessonId; + + // Log the reaction for debugging + console.log(`Received reaction "${reaction}" for lesson ${lessonId}`); + + // Return success response + res.send({ + success: true, + body: { + _id: `r-${Date.now()}-${Math.floor(Math.random() * 1000)}`, + reaction, + lessonId, + created: new Date().toISOString() + } + }); +}); + module.exports = router diff --git a/stubs/mocks/lessons/access-code/create/success.json b/stubs/mocks/lessons/access-code/create/success.json index 8a51377..3d41cfd 100644 --- a/stubs/mocks/lessons/access-code/create/success.json +++ b/stubs/mocks/lessons/access-code/create/success.json @@ -27,6 +27,68 @@ "picture": "https://lh3.googleusercontent.com/a/ACg8ocJUtJBAVBm642AxoGpMDDMV8CPu3MEoLjU3hmO7oisG=s96-c" } ], + "reactions": [ + { + "_id": "r1d73f22-c9ba-422a-b572-c59e515a2901", + "sub": "fcde3f22-d9ba-412a-a572-c59e515a290f", + "reaction": "thumbs_up" + }, + { + "_id": "r2d73f22-c9ba-422a-b572-c59e515a2902", + "sub": "fcde3f22-d9ba-412a-a572-c59e515a290f", + "reaction": "heart" + }, + { + "_id": "r3d73f22-c9ba-422a-b572-c59e515a2903", + "sub": "8555885b-715c-4dee-a7c5-9563a6a05211", + "reaction": "clap" + }, + { + "_id": "r4d73f22-c9ba-422a-b572-c59e515a2904", + "sub": "8555885b-715c-4dee-a7c5-9563a6a05211", + "reaction": "laugh" + }, + { + "_id": "r5d73f22-c9ba-422a-b572-c59e515a2905", + "sub": "fcde3f22-d9ba-412a-a572-c59e515a290f", + "reaction": "wow" + }, + { + "_id": "r6d73f22-c9ba-422a-b572-c59e515a2906", + "sub": "fcde3f22-d9ba-412a-a572-c59e515a290f", + "reaction": "thumbs_up" + }, + { + "_id": "r7d73f22-c9ba-422a-b572-c59e515a2907", + "sub": "8555885b-715c-4dee-a7c5-9563a6a05211", + "reaction": "heart" + }, + { + "_id": "r8d73f22-c9ba-422a-b572-c59e515a2908", + "sub": "8555885b-715c-4dee-a7c5-9563a6a05211", + "reaction": "clap" + }, + { + "_id": "r9d73f22-c9ba-422a-b572-c59e515a2909", + "sub": "fcde3f22-d9ba-412a-a572-c59e515a290f", + "reaction": "laugh" + }, + { + "_id": "r10d73f22-c9ba-422a-b572-c59e515a2910", + "sub": "8555885b-715c-4dee-a7c5-9563a6a05211", + "reaction": "wow" + }, + { + "_id": "r11d73f22-c9ba-422a-b572-c59e515a2911", + "sub": "fcde3f22-d9ba-412a-a572-c59e515a290f", + "reaction": "laugh" + }, + { + "_id": "r12d73f22-c9ba-422a-b572-c59e515a2912", + "sub": "8555885b-715c-4dee-a7c5-9563a6a05211", + "reaction": "heart" + } + ], "date": "2024-02-28T20:37:00.057Z", "created": "2024-02-28T20:37:00.057Z", "__v": 0