Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { useTimeline } from '@microlearning/hooks';

import { InfinityList, PageHeader } from '@shared/components';
import { DetailTag } from '@microlearning/components';

export function TimelinePage() {
  const { items, loading, elementRef } = useTimeline();

  return (
    <>
      <PageHeader title='Linea de tiempo' />
      <InfinityList
        items={items}
        loading={loading}
        emptyMessage='No hay elementos para mostrar'
        elementRef={elementRef}
        renderItem={({ activity, added_on }, i) => (
          <DetailTag key={i} title={activity} label={added_on} />
        )}
      />
    </>
  );
}