Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save bobsilverberg/26158d729ef824928fe0d536fecce768 to your computer and use it in GitHub Desktop.
Save bobsilverberg/26158d729ef824928fe0d536fecce768 to your computer and use it in GitHub Desktop.
<withRouter(PageBase) contentClassName="Addon Addon-extension" contentProps={{...}}>
<Translate(Connect(AddonHeadBase)) addon={{...}} />
<div className="Addon-header-wrapper">
<Card className="Addon-header-info-card" photonStyle={true}>
<Translate(AddonInstallErrorBase) error={[undefined]} />
<Connect(Translate(AddonCompatibilityErrorBase)) addon={{...}} />
<header className="Addon-header">
<div className="Addon-icon">
<div className="Addon-icon-wrapper">
<img alt="Preview of Chill Out" className="Addon-icon-image" src="https://addons.cdn.mozilla.net/webdev-64.png" />
</div>
</div>
<Translate(Connect(AddonTitleBase)) addon={{...}} />
<Connect(Translate(AddonBadgesBase)) addon={{...}} />
<div className="Addon-summary-and-install-button-wrapper">
<p className="Addon-summary" dangerouslySetInnerHTML={{...}} />
<withRouter(Connect(WithInstallHelpers(Connect(InstallButtonWrapperBase)))) addon={{...}} defaultInstallSource="dp-btn-primary" getFirefoxButtonType="GET_FIREFOX_BUTTON_TYPE_ADDON" />
</div>
<h2 className="visually-hidden">
Extension Metadata
</h2>
</header>
<Connect(Translate(withCookies(WithExperiment(InstallWarningBase)))) addon={{...}} />
</Card>
<Card className="Addon-header-meta-and-ratings" photonStyle={true}>
<Translate(AddonMetaBase) addon={{...}} />
</Card>
</div>
<div className="Addon-details">
<div className="Addon-main-content">
<Card className="Addon-screenshots" header="Screenshots" photonStyle={false}>
<ScreenShots previews={{...}} />
</Card>
<Translate(Connect(WithUIState(ShowMoreCardBase))) className="AddonDescription" header="About this extension" id="AddonDescription">
<div className="AddonDescription-contents" dangerouslySetInnerHTML={{...}} />
</Translate(Connect(WithUIState(ShowMoreCardBase)))>
<Connect(Translate(Connect(AddonRecommendationsBase))) addon={{...}} />
</div>
<Card header="Rate your experience" className="Addon-overall-rating" footerLink={{...}} photonStyle={false}>
<p className="Addon-no-rating-manager">
This add-on cannot be rated because no versions have been published.
</p>
</Card>
<Translate(ContributeCardBase) addon={{...}} />
<Connect(Translate(PermissionsCardBase)) version={{...}} />
<Translate(Connect(AddonMoreInfoBase)) addon={{...}} />
<withRouter(Connect(Translate(Connect(AddAddonToCollectionBase)))) addon={{...}} />
<div>
<withRouter(Connect(Translate(Connect(AddonsByAuthorsCardBase)))) addonType="extension" authorDisplayName="Krupa" authorIds={{...}} className="Addon-MoreAddonsCard" forAddonSlug="chill-out" numberOfAddons={6} />
</div>
</div>
</withRouter(PageBase)>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment