Proyectos de Subversion LeadersLinked - SPA

import React, { useEffect, useState } from 'react';

import React, { useEffect, useState } from 'react';

import { useMicroLearning, useFetch } from '@hooks';

import { useFetch, useMicroLearning } from '@hooks';

import CapsuleCard from '@microlearning/components/CapsuleCard';

import { List, SearchBar } from '@shared/components';

import Tabs from '@components/UI/Tabs';

export default function CapsulesPage() {

  const [activeLink, setActiveLink] = useState('');

export default function CapsulesPage() {

  const {

  const {

    link_capsules_completed: linkCapsulesCompleted,

    link_capsules_completed: linkCapsulesCompleted,

    link_capsules_in_progress: linkCapsulesInProgress,

    link_capsules_in_progress: linkCapsulesInProgress,

  } = useMicroLearning();

    link_capsules_pending: linkCapsulesPending,

    link_last_capsule_in_progress: linkLastCapsuleInProgress

  const [activeLink, setActiveLink] = useState('');

  } = useMicroLearning();

  const { data: capsuleInProgess } = useFetch(linkLastCapsuleInProgress, null);

  const { data: capsuleInProgess } = useFetch(linkLastCapsuleInProgress, null);

  const { data: capsules } = useFetch(activeLink, []);

  const handleChange = (e, url) => setActiveLink(url);

  const handleChange = (e, url) => setActiveLink(url);

  useEffect(() => {

    setActiveLink(linkCapsulesPending + '?order_field=added_on&order_direction=desc');

    setActiveLink(linkCapsulesPending + '?order_field=added_on&order_direction=desc');

  }, [linkCapsulesPending]);

  }, [linkCapsulesPending]);

  return (

  return (

    <>

    <>

          value={

          value={

            linkCapsulesCompleted &&

            linkCapsulesCompleted &&

            linkCapsulesCompleted + '?order_field=last_access_on&order_direction=desc'

            linkCapsulesCompleted + '?order_field=last_access_on&order_direction=desc'

          }

          }

        />

        />

      <SearchBar />

      <SearchBar onChange={handleChange} />

        items={capsules}

          </Link>

        renderItem={(capsule) => <CapsuleItem capsule={capsule} readOnly />}

        )}

        emptyMessage='No hay cápsulas para mostrar'

        emptyMessage='No hay cápsulas para mostrar'

        keyExtractor='uuid'

        keyExtractor='uuid'

      />

      />