import React from "react" ; import { browser } from "webextension-polyfill-ts" ; type Props = { domain : string ; url : string ; tracker : string ; } ; export const ActivatePartner = ( props ) => ( < > < a className = "button m-b-20" href = { `${ BASE_URL }/redirect?url=${ props . url }&tracker=${ props . tracker }` } target = "_blank" rel = "noreferrer noopener" > { browser . i18n . getMessage ( 'activateDonationFor' ) } < br / > { props . domain } < /a> < div className = "d-flex justify-space-between" > < span > { browser . i18n . getMessage ( 'thisSiteIsOur' ) } < strong className = "text-accent" > { browser . i18n . getMessage ( 'partner' ) } < /strong> < /span> < a href = "https://altruisto.com/partners" className = "uppercase-link text-right" target = "_blank" rel = "noopener noreferrer" > { browser . i18n . getMessage ( 'viewAll' ) } < /a> < /div> < />);