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;