pussy-ts/src/components/CreatedAt/CreatedAt.tsx

import { getNowUtcTime, timeSince } from 'src/utils/utils';
import styles from './CreatedAt.module.scss';

export type Props = {
  timeAt: string | number;
};

function CreatedAt({ timeAt }: Props) {
  let timeAgoInMS = 0;

  const time = getNowUtcTime() - new Date(timeAt).getTime();
  if (time && time > 0) {
    timeAgoInMS = time;
  }

  const timeSinceValue = timeSince(timeAgoInMS);

  return (
    <div className={styles.createdAt}>
      {timeSinceValue === 'now' ? timeSinceValue : `${timeSinceValue} ago`}
    </div>
  );
}

export default CreatedAt;