Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { useSelector } from 'react-redux';

import { Search } from '@mui/icons-material';

import { useKnowledges } from '../hooks';

import { PageHeader } from '@shared/components';

import Input from '@components/UI/inputs/Input';

import Pagination from '@components/common/Pagination';

import KnowledgesList from '@knowledges/components/knowledges-list';

export default function KnowledgesPage() {

  const labels = useSelector(({ intl }) => intl.labels);

  const {

    loading,

    knowledges,

    // categories,

    page,

    pages,

    setPage,

    addKnowledge,

    searchKnowledge,

    editKnowledge,

    deleteKnowledge

  } = useKnowledges();

  return (

    <>

      <PageHeader

        title={labels.knowledge_area_title}

        onAdd={addKnowledge}

        labelAdd={labels.knowledge_area_add}

      />

      <Input

        icon={<Search />}

        onChange={searchKnowledge}

        placeholder={labels.search}

        variant='search'

      />

      <KnowledgesList

        loading={loading}

        knowledges={knowledges}

        onEdit={editKnowledge}

        onDelete={deleteKnowledge}

      />

      <Pagination page={page} pages={pages} onChange={setPage} />

      {/* <Grid container spacing={1} sx={{ pt: 1 }}>

        <Grid item xs={12} md={3}>

          <SideMenu

            title='Categorias'

            items={categories}

            onChange={(value) => setParam('category_id', value)}

            current={getParam('category_id')}

          />

        </Grid>

        <Grid item xs={12} md={9}></Grid>

      </Grid> */}

    </>

  );

}