@acrsolutions/chat-components
Version:
Un set di componenti per la creazione di un'applicazione di messaggistica
23 lines (22 loc) • 1.5 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { last } from 'lodash';
import { ConvoPreview } from '../components';
import { data } from '../components/EXAMPLES/exampleData';
import * as React from 'react';
import { LibThemeProvider } from '../ui/theme';
import { Typography } from '@mui/material';
export const ConvoPreviewStory = () => {
const [activeConvo, setActiveConvo] = React.useState(0);
const handleClick = (id) => {
setActiveConvo(id);
};
return (_jsxs(LibThemeProvider, { children: [_jsx(Typography, { variant: "h5", gutterBottom: true, textAlign: 'center', children: "Clicca sull'anteprima della conversazione per vedere come si presenta una conversazione attiva." }), _jsx("div", { children: data.map((item) => {
const previewName = last(item.convo)?.contactName
? last(item.convo)?.contactName
: 'Tu';
const messageText = `${previewName}: ${last(item.convo)?.messageText}`;
const sendDate = last(item.convo)?.sentDate;
const contactNumber = item.convo[0].contactNumber;
return (_jsx(ConvoPreview, { isActiveConvo: activeConvo === item.id, handlePreviewClick: () => handleClick(item.id), contactName: item.contactName, contactNumber: contactNumber, messageText: messageText, sentDate: sendDate, notificationsNumber: item.notificationsNumber }, item.id));
}) })] }));
};