react-native-gifted-chat/lib/Day/index.js

The most complete chat UI for React Native

import React, { useMemo } from 'react';
import { View, } from 'react-native';
import dayjs from 'dayjs';
import calendar from 'dayjs/plugin/calendar';
import relativeTime from 'dayjs/plugin/relativeTime';
import { Text } from 'react-native-gesture-handler';
import { DATE_FORMAT } from '../Constant';
import { useChatContext } from '../GiftedChatContext';
import stylesCommon from '../styles';
import styles from './styles';
export * from './types';
dayjs.extend(relativeTime);
dayjs.extend(calendar);
export function Day({ dateFormat = DATE_FORMAT, dateFormatCalendar, createdAt, containerStyle, wrapperStyle, textProps, }) {
    const { getLocale } = useChatContext();
    const dateStr = useMemo(() => {
        if (createdAt == null)
            return null;
        const now = dayjs().startOf('day');
        const date = dayjs(createdAt).locale(getLocale()).startOf('day');
        if (!now.isSame(date, 'year'))
            return date.format('D MMMM YYYY');
        if (now.diff(date, 'days') < 1)
            return date.calendar(now, {
                sameDay: '[Today]',
                ...dateFormatCalendar,
            });
        return date.format(dateFormat);
    }, [createdAt, dateFormat, getLocale, dateFormatCalendar]);
    if (!dateStr)
        return null;
    return (<View style={[stylesCommon.centerItems, styles.container, containerStyle]}>
      <View style={[styles.wrapper, wrapperStyle]}>
        <Text {...textProps} style={[styles.text, textProps?.style]}>
          {dateStr}
        </Text>
      </View>
    </View>);
}
//# sourceMappingURL=index.js.map