Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import React from 'react';

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

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

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

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

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

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

const JoinedGroupsPage = () => {

const JoinedGroupsPage = () => {

  const { groups, loading, leaveGroup, viewGroup, searchGroups } = useJoinedGroups();

  const { groups, loading, leaveGroup, viewGroup, searchGroups } = useJoinedGroups();

  return (

  return (

    <>

    <>

      <PageHeader title='Grupos a los que pertenezco' />

      <PageHeader title='Grupos a los que pertenezco' />

      <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) => (

            <JoinedGroupsCard

            <JoinedGroupsCard

              group={group}

              group={group}

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

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

              onLeave={() => leaveGroup(group.link_leave)}

              onLeave={() => leaveGroup(group.link_leave)}

            />

            />

          )}

          )}

        />

        />

      )}

      )}

    </>

    </>

  );

  );

};

};

export default JoinedGroupsPage;

export default JoinedGroupsPage;