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> */}
    </>
  );
}