Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { useGroupsRequestsSent } from '@groups/hooks';

import { Grid, PageHeader, SearchBar, Spinner } from '@shared/components';

import { GroupsRequestsSentCard } from '@groups/components';

const GroupsRequestsSentPage = () => {

  const { groups, loading, cancelRequest, viewGroup, searchGroups } = useGroupsRequestsSent();

  return (

    <>

      <PageHeader title='Solicitudes enviadas' />

      <SearchBar placeholder='Buscar grupo' color='secondary' onChange={searchGroups} />

      {loading ? (

        <Spinner />

      ) : (

        <Grid

          items={groups}

          emptyMessage='No hay grupos'

          keyExtractor={(group) => group.link_view}

          renderItem={(group) => (

            <GroupsRequestsSentCard

              group={group}

              onView={() => viewGroup(group.link_view)}

              onCancel={() => cancelRequest(group.link_cancel)}

            />

          )}

        />

      )}

    </>

  );

};

export default GroupsRequestsSentPage;