text: import React from "react";
  import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
  
  const PortfolioSidebarList = (props) => {
    const portfolioList = props.data.map((portfolioItem) => {
      return (
        <div key={portfolioItem.id} className="portfolio-item-thumb">
          <div className="portfolio-thumb-img">
            <img src={portfolioItem.thumb_image_url} />
          </div>
  
          <div className="text-content">
            <div className="title">{portfolioItem.name}</div>
  
            <div className="actions">
              <a
                className="edit-icon"
                title="Edit"
                onClick={() => props.handleEditClick(portfolioItem)}
              >
                <FontAwesomeIcon icon="edit" />
              </a>
  
              <a
                className="delete-icon"
                title="Delete"
                onClick={() => props.handleDeleteClick(portfolioItem)}
              >
                <FontAwesomeIcon icon="trash" />
              </a>
            </div>
          </div>
        </div>
      );
    });
  
    return <div className="portfolio-sidebar-list-wrapper">{portfolioList}</div>;
  };
  
  export default PortfolioSidebarList;
  