mozilla / blurts-server / #13087

#13087

push

circleci

web-flow 
Merge pull request #2960 from mozilla/MNTOR-1496-Fix-report-email-breach-icons

Use cached logos and fallback icons for breach email

282 of 1603 branches covered (17.59%)

Branch coverage included in aggregate %.

12 of 12 new or added lines in 5 files covered. (100.0%)

959 of 4331 relevant lines covered (22.14%)

1.85 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0
/src/views/emails/email-breach-alert.js
1 
/* This Source Code Form is subject to the terms of the Mozilla Public
2 
 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
4 









5



import { breachCardPartial } from './email-breach-card.js'










6



import { getMessage } from '../../utils/fluent.js'










7












8



const breachAlertContainerStyle = `




×







9



  background: #f9f9fa;










10



  color: black;










11



  padding: 36px 0 24px;










12



`










13












14



const breachAlertCtaStyle = `




×







15



  background: #0060df;










16



  border-radius: 4px;










17



  color: white;










18



  display: inline-block;










19



  margin: 24px 0;










20



  margin: auto;










21



  padding: 12px 24px;










22



`










23












24



const breachAlertEmailPartial = data => {




×








25



  const { breachData, breachedEmail, breachLogos, ctaHref } = data




×







26












27



  return `




×







28



    <tr>










29



      <td style='${breachAlertContainerStyle}'>










30



        <p>










31



          ${getMessage('email-breach-detected', {










32



            'email-address': `<strong>${breachedEmail}</strong>`










33



          })}










34



        </p>










35



        ${breachCardPartial(breachData, breachLogos)}










36



        <a










37



          href='${ctaHref}'










38



          style='${breachAlertCtaStyle}'










39



        >










40



          ${getMessage('email-dashboard-cta')}










41



        </a>










42



      </td>










43



    </tr>










44



  `










45



}










46












47



export { breachAlertEmailPartial }
























    

  • 

    •