Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import React from 'react';

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

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

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

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

import { DetailTag } from '@microlearning/components';

import { DetailTag } from '@microlearning/components';

export function TimelinePage() {

export function TimelinePage() {

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

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

  return (

  return (

    <>

    <>

      <PageHeader title='Linea de tiempo' />

      <PageHeader title='Linea de tiempo' />

      <InfinityList

      <InfinityList

        items={items}

        items={items}

        loading={loading}

        loading={loading}

        emptyMessage='No hay elementos para mostrar'

        emptyMessage='No hay elementos para mostrar'

        elementRef={elementRef}

        elementRef={elementRef}

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

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

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

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

        )}

        )}

      />

      />

    </>

    </>

  );

  );

}

}