Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 7023 | Rev 7025 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 7023 Rev 7024
Línea 7... Línea 7...
7 
import PaginationComponent from '../../components/UI/PaginationComponent'
 7 
import PaginationComponent from '../../components/UI/PaginationComponent'
8 
import SearchInput from '../../components/UI/SearchInput'
 8 
import SearchInput from '../../components/UI/SearchInput'
9 
import styled from 'styled-components'
 9 
import styled from 'styled-components'
10 
import WidgetLayout from '../../components/widgets/WidgetLayout'
 10 
import WidgetLayout from '../../components/widgets/WidgetLayout'
Línea -... Línea 11...
- 
 
 11 
 
- 
 
 12 
const KnowledgeCategories = styled(WidgetLayout)`
- 
 
 13 
  padding: 1rem;
- 
 
 14 
  gap: 0.5rem;
- 
 
 15 
`
- 
 
 16 
 
- 
 
 17 
const KnowledgeSearch = styled(SearchInput)`
- 
 
 18 
  background-color: var(--bg-color);
- 
 
 19 
`
11 
 
 20 
 
12 
const KnowledgeAreaPage = () => {
 21 
const KnowledgeAreaPage = () => {
13 
  const [knowledges, setKnowledges] = useState([])
 22 
  const [knowledges, setKnowledges] = useState([])
14 
  const [knowledgesCategories, setKnowledgesCategories] = useState([])
 23 
  const [knowledgesCategories, setKnowledgesCategories] = useState([])
15 
  const [search, setSearch] = useState('')
 24 
  const [search, setSearch] = useState('')
Línea 73... Línea 82...
73 
        )}
 82 
        )}
74 
      </div>
 83 
      </div>
Línea 75... Línea 84...
75 
 
 84 
 
76 
      <Row className="gap-3">
 85 
      <Row className="gap-3">
77 
        <Col md="3">
 - 
 
78 
          <h2>{labels.categories}</h2>
 86 
        <Col md="3">
79 
          <WidgetLayout as="ul">
 87 
          <KnowledgeCategories as="ul">
80 
            <li className="knowledge-category-li knowledge-category-li-selected">
 88 
            <li className="knowledge-category-li knowledge-category-li-selected">
81 
              <input
 89 
              <input
82 
                type="radio"
 90 
                type="radio"
83 
                id="category-all"
 91 
                id="category-all"
Línea 99... Línea 107...
99 
                  hidden
 107 
                  hidden
100 
                />
 108 
                />
101 
                <label htmlFor={`category-${name}`}>{name}</label>
 109 
                <label htmlFor={`category-${name}`}>{name}</label>
102 
              </li>
 110 
              </li>
103 
            ))}
 111 
            ))}
104 
          </WidgetLayout>
 112 
          </KnowledgeCategories>
105 
        </Col>
 113 
        </Col>
Línea 106... Línea 114...
106 
 
 114 
 
107 
        <Col className="px-0">
 115 
        <Col className="px-0">
108 
          <SearchInput
 116 
          <KnowledgeSearch
109 
            onChange={handleInputChange}
 117 
            onChange={handleInputChange}
110 
            placeholder={labels.search}
 118 
            placeholder={labels.search}
Línea 111... Línea 119...
111 
          />
 119 
          />