@blaze-cms/plugin-banners-fe

Banners Blaze plugin

Plugin where we create and load content to the Portal in order to load the wallpaper banner at the top level of the app.

Directly in the frontend, we include the Portal component, it only has one prop that is required to modifiy another div's classname.

<Portal
  setModifier={value => {
    if ((!value && wallpaperBannerModifier) || (value && !wallpaperBannerModifier)) {
      this.setState({ wallpaperBannerModifier: value });
    }
  }}
/>

Components

Portal

Checks if there is data related to the wallpaper banner in the local state (using the GET_PORTAL_COMPONENT query) If there is, render the PortalContent.

PortalContent

Get banner data from local state (adunit etc) and creates a portal in the main app's container in order to render the wallpaper banner.

Services

Queries to read form the local state in order to check if there is any wallpaper banner set on page (and if yes, its data).