WidgetsRowAd.jsx - mozsearch

Enable keyboard shortcuts

/* This Source Code Form is subject to the terms of the Mozilla Public

 * License, v. 2.0. If a copy of the MPL was not distributed with this file,

 * You can obtain one at http://mozilla.org/MPL/2.0/. */

import React from "react";

import { DSCard } from "../DiscoveryStreamComponents/DSCard/DSCard";

// @experiment(remove) { bug 2069496 }

/**

 * The sponsored card in one cell of the widgets row.

 * @param {object} spoc - a normalized spoc from state.DiscoveryStream.spocs

 * @param {Function} dispatch

 * @param {string} type - telemetry source

*/

export const WidgetsRowAd = ({ spoc, dispatch, type }) => (

  <DSCard

    id={spoc.id}

    flightId={spoc.flight_id}

    url={spoc.url}

    title={spoc.title}

    excerpt={spoc.excerpt}

    raw_image_src={spoc.raw_image_src}

    alt_text={spoc.alt_text}

    source={spoc.domain}

    sponsor={spoc.sponsor}

    sponsored_by_override={spoc.sponsored_by_override}

    shim={spoc.shim}

    format={spoc.format}

    // NewTabAttributionFeed only reports a view or click when this is set.

    attribution={spoc.attribution}

    // The slot exists to hold an ad, so it always qualifies. AdBanner, the

    // other dedicated ad surface, hardcodes it the same way.

    is_ad_eligible_position={true}

    type={type}

    // Deliberate: the cell has one fixed position, so there is no grid index

    // to report. Read it alongside the WIDGETS_ROW_AD source, not on its own.

    pos={0}

    dispatch={dispatch}

    // Opts into the sections-card-ui treatment the design asks for.

    mayHaveSectionsCards={true}

    sectionsClassNames="widgets-row-ad"

    // Required, and column 1's media matcher is "default" so it always

    // applies. A fixed cell needs no per-column variants.

    sectionsCardImageSizes={{ 1: "medium" }}

/>

);