Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { Grid, PageHeader, SearchBar, Spinner } from '@shared/components';
import { useGroupsRequestsSent } from '@groups/hooks';
import { GroupsRequestsSentCard } from '@groups/components';

const GroupsRequestsReceivedPage = () => {
  const { groups, loading, acceptRequest, rejectRequest, searchGroups } = useGroupsRequestsSent();

  return (
    <>
      <PageHeader title='Invitaciones recibidas' />
      <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}
              onAccept={() => acceptRequest(group.link_accept)}
              onReject={() => rejectRequest(group.link_reject)}
            />
          )}
        />
      )}
    </>
  );
};

export default GroupsRequestsReceivedPage;