import { c } from 'ttag' ; import { Href } from '../../../link' ; const YahooMailInstructions = ( ) => { const appPasswordLink = ( < Href url = "https://protonmail.com/support/knowledge-base/allowing-imap-access-and-entering-imap-details/" key = "appPasswordLink" > { c ( 'Import instructions link' ) . t `app password` } < /Href>); const yahooAppPasswordMessage = c ( 'Import instructions' ) . jt `To import emails to Proton, you need an ${ appPasswordLink } from Yahoo. Get it by following these steps:` ; const boldAccountInfo = < strong key = "boldAccountInfo" > { c ( 'Import instructions emphasis' ) . t `Account info` } < /strong>; const yahooMailLink = ( < Href url = "https://mail.yahoo.com/" key = "yahooMailLink" > { c ( 'Import instructions link' ) . t `Yahoo Mail` } < /Href>); const step1 = c ( 'Import instructions' ) . jt `Go to ${ boldAccountInfo } under your profile in ${ yahooMailLink }` ; const boldAccountSecurity = ( < strong key = "boldAccountSecurity" > { c ( 'Import instructions emphasis' ) . t `Account security` } < /strong>); const step2 = c ( 'Import instructions' ) . jt `Go to ${ boldAccountSecurity }` ; const boldAppPassword = ( < strong key = "boldAccountSecurity" > { c ( 'Import instructions emphasis' ) . t `app password` } < /strong>); const step3 = c ( 'Import instructions' ) . jt `Generate the ${ boldAppPassword } and use it in place of your regular password when prompted by Proton` ; return ( < > < div className = "mb1" > { yahooAppPasswordMessage } < /div> < ol className = "pl1 ml2 mr2" > < li className = "mb0-5" > { step1 } < /li> < li className = "mb0-5" > { step2 } < /li> < li className = "mb0-5" > { step3 } < /li> < /ol> < />); } ; export default YahooMailInstructions ;