<commit_before>import React from 'react';
import moment from 'moment';
import { Box, Text } from '@tlon/indigo-react';

import Timestamp from '~/views/components/Timestamp';

export const UnreadNotice = (props) => {
  const { unreadCount, unreadMsg, dismissUnread, onClick } = props;

  if (!unreadMsg || (unreadCount === 0)) {
    return null;
  }
  
  const stamp = moment.unix(unreadMsg.post['time-sent'] / 1000);

  let datestamp = moment.unix(unreadMsg.post['time-sent'] / 1000).format('YYYY.M.D');
  const timestamp = moment.unix(unreadMsg.post['time-sent'] / 1000).format('HH:mm');

  if (datestamp === moment().format('YYYY.M.D')) {
    datestamp = null;
  }

  return (
    <Box style={{ left: '0px', top: '0px' }}
      p='4'
      width='100%'
      position='absolute'
      zIndex='1'
      className='unread-notice'
    >
      <Box
        backgroundColor='white'
        display='flex'
        alignItems='center'
        p='2'
        fontSize='0'
        justifyContent='space-between'
        borderRadius='1'
        border='1'
        borderColor='blue'>
        <Text flexShrink='1' textOverflow='ellipsis' whiteSpace='pre' overflow='hidden' display='flex' cursor='pointer' onClick={onClick}>
          {unreadCount} new message{unreadCount > 1 ? 's' : ''} since{' '}
          <Timestamp stamp={stamp} color='blue' date={true} />
        </Text>
        <Text
          ml='4'
          color='blue'
          cursor='pointer'
          textAlign='right'
          flexShrink='0'
          onClick={dismissUnread}>
          Mark as Read
        </Text>
      </Box>
    </Box>
  );
}<commit_msg>chat: set timestamp size to 1 in unread-notice<commit_after>import React from 'react';
import moment from 'moment';
import { Box, Text } from '@tlon/indigo-react';

import Timestamp from '~/views/components/Timestamp';

export const UnreadNotice = (props) => {
  const { unreadCount, unreadMsg, dismissUnread, onClick } = props;

  if (!unreadMsg || (unreadCount === 0)) {
    return null;
  }

  const stamp = moment.unix(unreadMsg.post['time-sent'] / 1000);

  let datestamp = moment.unix(unreadMsg.post['time-sent'] / 1000).format('YYYY.M.D');
  const timestamp = moment.unix(unreadMsg.post['time-sent'] / 1000).format('HH:mm');

  if (datestamp === moment().format('YYYY.M.D')) {
    datestamp = null;
  }

  return (
    <Box style={{ left: '0px', top: '0px' }}
      p='4'
      width='100%'
      position='absolute'
      zIndex='1'
      className='unread-notice'
    >
      <Box
        backgroundColor='white'
        display='flex'
        alignItems='center'
        p='2'
        fontSize='0'
        justifyContent='space-between'
        borderRadius='1'
        border='1'
        borderColor='blue'>
        <Text flexShrink='1' textOverflow='ellipsis' whiteSpace='pre' overflow='hidden' display='flex' cursor='pointer' onClick={onClick}>
          {unreadCount} new message{unreadCount > 1 ? 's' : ''} since{' '}
          <Timestamp stamp={stamp} color='blue' date={true} fontSize={1} />
        </Text>
        <Text
          ml='4'
          color='blue'
          cursor='pointer'
          textAlign='right'
          flexShrink='0'
          onClick={dismissUnread}>
          Mark as Read
        </Text>
      </Box>
    </Box>
  );
}
{'fraction_non_alphanumeric': 0.16301035953686777, 'fraction_numerical': 0.017672151127361365, 'mean_word_length': 2.599780701754386, 'pattern_counts': {'":': 0, '<': 21, '<?xml version=': 0, '>': 25, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3521030', 'n_tokens_mistral': 1089, 'n_tokens_neox': 1045, 'n_words': 216}