text: /* eslint-disable jsx-a11y/anchor-is-valid */
  import React from "react";
  
  
  export default function ClientRecentHistory() {
  
    return (
      <div>
        <div className="bg-white py-lg-4 px-4 mt-3 border border-1 row py-sm-3 py-xs-5">
          <h4 className="fw-bold">Client's recent history (7)</h4>
        </div>
        <div className="bg-white py-lg-1 px-4  border  row py-sm-3">
          <li className=" my-lg-2  rounded  d-grid gap-2" type="button">
            <h6>Jobs in progress</h6>
          </li>
        </div>
        <div className="bg-white py-lg-1 px-4  border  row py-xs-5">
          <div className="col-10 py-3">
            <a href="#" className="advanced-search-link fw-bold">
              I'm looking for video, carousel and image advertising creation with
              branding to make facebook ads
            </a>
            <p className="my-3">
              <svg id="up-rs" viewBox="0 0 14 14" width="15px" fill="green">
                <polygon points="7,0.5 9,4.8 13.5,5.5 10.2,8.8 11,13.5 7,11.3 3,13.5 3.8,8.8 0.5,5.5 5,4.8"></polygon>
              </svg>
              <svg id="up-rs" viewBox="0 0 14 14" width="15px" fill="green">
                <polygon points="7,0.5 9,4.8 13.5,5.5 10.2,8.8 11,13.5 7,11.3 3,13.5 3.8,8.8 0.5,5.5 5,4.8"></polygon>
              </svg>
              <svg id="up-rs" viewBox="0 0 14 14" width="15px" fill="green">
                <polygon points="7,0.5 9,4.8 13.5,5.5 10.2,8.8 11,13.5 7,11.3 3,13.5 3.8,8.8 0.5,5.5 5,4.8"></polygon>
              </svg>
              <svg id="up-rs" viewBox="0 0 14 14" width="15px" fill="green">
                <polygon points="7,0.5 9,4.8 13.5,5.5 10.2,8.8 11,13.5 7,11.3 3,13.5 3.8,8.8 0.5,5.5 5,4.8"></polygon>
              </svg>
              <svg id="up-rs" viewBox="0 0 14 14" width="15px" fill="green">
                <polygon points="7,0.5 9,4.8 13.5,5.5 10.2,8.8 11,13.5 7,11.3 3,13.5 3.8,8.8 0.5,5.5 5,4.8"></polygon>
              </svg>{" "}
              Great job and great client. We work again in future
            </p>
            <p className="my-3 py-0">
              To freelancer:{" "}
              <span className="advanced-search-link">Ansar A. </span>
              <svg id="up-rs" viewBox="0 0 14 14" width="15px" fill="green">
                <polygon points="7,0.5 9,4.8 13.5,5.5 10.2,8.8 11,13.5 7,11.3 3,13.5 3.8,8.8 0.5,5.5 5,4.8"></polygon>
              </svg>
              <svg id="up-rs" viewBox="0 0 14 14" width="15px" fill="green">
                <polygon points="7,0.5 9,4.8 13.5,5.5 10.2,8.8 11,13.5 7,11.3 3,13.5 3.8,8.8 0.5,5.5 5,4.8"></polygon>
              </svg>
              <svg id="up-rs" viewBox="0 0 14 14" width="15px" fill="green">
                <polygon points="7,0.5 9,4.8 13.5,5.5 10.2,8.8 11,13.5 7,11.3 3,13.5 3.8,8.8 0.5,5.5 5,4.8"></polygon>
              </svg>
              <svg id="up-rs" viewBox="0 0 14 14" width="15px" fill="green">
                <polygon points="7,0.5 9,4.8 13.5,5.5 10.2,8.8 11,13.5 7,11.3 3,13.5 3.8,8.8 0.5,5.5 5,4.8"></polygon>
              </svg>
              <svg id="up-rs" viewBox="0 0 14 14" width="15px" fill="green">
                <polygon points="7,0.5 9,4.8 13.5,5.5 10.2,8.8 11,13.5 7,11.3 3,13.5 3.8,8.8 0.5,5.5 5,4.8"></polygon>
              </svg>{" "}
              Ansar is listening to the customer, I am satisfied with his service
            </p>
          </div>
          <div className="col-2 py-3">
            <p className="my-2">Mar 2021 - Mar 2021</p>
            <p className="pt-0">Fixed-price $35.00</p>
          </div>
          <div className="col-10 py-3">
            <a href="#" className="text-dark fw-bold">
              I'm looking for video, carousel and image advertising creation with
              branding to make facebook ads
            </a>
            <p className="my-3">
              <svg id="up-rs" viewBox="0 0 14 14" width="15px" fill="green">
                <polygon points="7,0.5 9,4.8 13.5,5.5 10.2,8.8 11,13.5 7,11.3 3,13.5 3.8,8.8 0.5,5.5 5,4.8"></polygon>
              </svg>
              <svg id="up-rs" viewBox="0 0 14 14" width="15px" fill="green">
                <polygon points="7,0.5 9,4.8 13.5,5.5 10.2,8.8 11,13.5 7,11.3 3,13.5 3.8,8.8 0.5,5.5 5,4.8"></polygon>
              </svg>
              <svg id="up-rs" viewBox="0 0 14 14" width="15px" fill="green">
                <polygon points="7,0.5 9,4.8 13.5,5.5 10.2,8.8 11,13.5 7,11.3 3,13.5 3.8,8.8 0.5,5.5 5,4.8"></polygon>
              </svg>
              <svg id="up-rs" viewBox="0 0 14 14" width="15px" fill="green">
                <polygon points="7,0.5 9,4.8 13.5,5.5 10.2,8.8 11,13.5 7,11.3 3,13.5 3.8,8.8 0.5,5.5 5,4.8"></polygon>
              </svg>
              <svg id="up-rs" viewBox="0 0 14 14" width="15px" fill="green">
                <polygon points="7,0.5 9,4.8 13.5,5.5 10.2,8.8 11,13.5 7,11.3 3,13.5 3.8,8.8 0.5,5.5 5,4.8"></polygon>
              </svg>{" "}
              Great job and great client. We work again in future
            </p>
            <p className="my-3 py-0">
              To freelancer:{" "}
              <span className="advanced-search-link">Ansar A. </span>
              <svg id="up-rs" viewBox="0 0 14 14" width="15px" fill="green">
                <polygon points="7,0.5 9,4.8 13.5,5.5 10.2,8.8 11,13.5 7,11.3 3,13.5 3.8,8.8 0.5,5.5 5,4.8"></polygon>
              </svg>
              <svg id="up-rs" viewBox="0 0 14 14" width="15px" fill="green">
                <polygon points="7,0.5 9,4.8 13.5,5.5 10.2,8.8 11,13.5 7,11.3 3,13.5 3.8,8.8 0.5,5.5 5,4.8"></polygon>
              </svg>
              <svg id="up-rs" viewBox="0 0 14 14" width="15px" fill="green">
                <polygon points="7,0.5 9,4.8 13.5,5.5 10.2,8.8 11,13.5 7,11.3 3,13.5 3.8,8.8 0.5,5.5 5,4.8"></polygon>
              </svg>
              <svg id="up-rs" viewBox="0 0 14 14" width="15px" fill="green">
                <polygon points="7,0.5 9,4.8 13.5,5.5 10.2,8.8 11,13.5 7,11.3 3,13.5 3.8,8.8 0.5,5.5 5,4.8"></polygon>
              </svg>
              <svg id="up-rs" viewBox="0 0 14 14" width="15px" fill="green">
                <polygon points="7,0.5 9,4.8 13.5,5.5 10.2,8.8 11,13.5 7,11.3 3,13.5 3.8,8.8 0.5,5.5 5,4.8"></polygon>
              </svg>{" "}
              Ansar is listening to the customer, I am satisfied with his service
            </p>
          </div>
          <div className="col-2 py-3">
            <p className="my-2">Mar 2021 - Mar 2021</p>
            <p className="pt-0">Fixed-price $35.00</p>
          </div>
        </div>
      </div>
    );
  }
  