global-gilson-result.js

function ResultRenderer(props) {
  const { values, token, resultClicked } = props;

  return (
    <div className="gg-result">
      {values["image"] ? (
        <div className="gg-result__image">
          <TokenLink
            url={values["url"]}
            token={token}
            resultClicked={resultClicked}
          >
            <img src={values["image"]} />
          </TokenLink>
        </div>
      ) : // If the url ends with '.pdf' display the PDF Icon
      values["url"].endsWith(".pdf") ? (
        <div className="gg-result__image">
          <TokenLink
            url={values["url"]}
            token={token}
            resultClicked={resultClicked}
          >
            <PDFIcon />
          </TokenLink>
        </div>
      ) : null}

      <div className="gg-result__copy">
        <TokenLink
          url={values["url"]}
          token={token}
          resultClicked={resultClicked}
        >
          <h3 className="gg-result__title">{values["title"]}</h3>
        </TokenLink>
        <p className="gg-result__desc">{values["description"]}</p>
        {values["product_offer_price"] && (
          <span className="p-price">${values["product_offer_price"]}</span>
        )}
        <TokenLink
          className="gg-result__url"
          url={values["url"]}
          token={token}
          resultClicked={resultClicked}
        />
      </div>
    </div>
  );
}