Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import React from 'react';

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

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

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

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

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

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

const GroupsRequestsReceivedPage = () => {

const GroupsRequestsReceivedPage = () => {

  const { groups, loading, acceptRequest, rejectRequest, viewGroup, searchGroups } =

  const { groups, loading, acceptRequest, rejectRequest, viewGroup, searchGroups } =

    useGroupsRequestReceived();

    useGroupsRequestReceived();

  return (

  return (

    <>

    <>

      <PageHeader title='Invitaciones recibidas' />

      <PageHeader title='Invitaciones recibidas' />

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

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

      {loading ? (

      {loading ? (

        <Spinner />

        <Spinner />

      ) : (

      ) : (

        <Grid

        <Grid

          items={groups}

          items={groups}

          emptyMessage='No hay grupos'

          emptyMessage='No hay grupos'

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

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

          renderItem={(group) => (

          renderItem={(group) => (

            <GroupsRequestsReceivedCard

            <GroupsRequestsReceivedCard

              group={group}

              group={group}

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

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

              onAccept={() => acceptRequest(group.link_accept)}

              onAccept={() => acceptRequest(group.link_accept)}

              onReject={() => rejectRequest(group.link_reject)}

              onReject={() => rejectRequest(group.link_reject)}

            />

            />

          )}

          )}

        />

        />

      )}

      )}

    </>

    </>

  );

  );

};

};

export default GroupsRequestsReceivedPage;

export default GroupsRequestsReceivedPage;