frontend/src/components/LibrarySection.jsx - master - nollieundergrob/PythonPackageStorage

frontend/src/components/LibrarySection.jsx

54 строки2 KB

nollieundergrob

asdasd

13 мар 2025, 07:31

13 мар 2025, 07:315256c68

import { Link } from 'react-router-dom';
import styles from './LibrarySection.module.css';

function LibrarySection({ title, libraries, basePath }) {
  return (
    <div className={styles.section}>
      {/* Заголовок секции */}
      <div className={styles.sectionHeader}>
        <h2 className={styles.gradientText}>{title}</h2>
      </div>

      {/* Сетка библиотек */}
      <div className={styles.libraryGrid}>
        {libraries.length > 0 ? (
          libraries.map((lib, index) => {
            // Определяем путь в зависимости от типа basePath
            const path = typeof basePath === 'function' ? basePath(lib) : basePath;

            return (
              <Link
                key={index}
                to={`${path}/${lib.id}`}
                className={`${styles.libraryLink} ${
                  lib.type === 'Python' ? styles.python : styles.nodejs
                }`}
              >
                <div className={styles.libraryCard}>
                  {/* Основное содержимое карточки */}
                  <div className={styles.cardContent}>
                    <div className={styles.libraryName}>{lib.name}</div>
                    {lib.description && (
                      <div className={styles.libraryDescription}>
                        {lib.description}
                      </div>
                    )}
                  </div>

                  {/* Метка типа библиотеки */}
                  <div className={styles.versionBadge}>
                    {lib.type}
                  </div>
                </div>
              </Link>
            );
          })
        ) : (
          <p className={styles.noResults}>Ничего не найдено.</p>
        )}
      </div>
    </div>
  );
}

export default LibrarySection;