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, hasMore, loadMore } = useTimeline();

  return (

    <>

      <PageHeader title='Linea de tiempo' />

      <InfinityList

        items={items}

        loading={loading}

        emptyMessage='No hay elementos para mostrar'

        onEnd={loadMore}

        hasMore={hasMore}

        renderItem={({ activity, added_on }, i) => (

          <DetailTag key={i} title={activity} label={added_on} />

        )}

      />

    </>

  );

}