Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

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

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

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

  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) => (
            <GroupsRequestsReceivedCard
              group={group}
              onView={() => viewGroup(group.link_view)}
              onAccept={() => acceptRequest(group.link_accept)}
              onReject={() => rejectRequest(group.link_reject)}
            />
          )}
        />
      )}
    </>
  );
};

export default GroupsRequestsReceivedPage;