import { c } from 'ttag' ; import { Href } from '../../../link' ; const YahooContactsInstructions = ( ) => { const knowledgeBaseLink = ( < Href url = "https://protonmail.com/support/knowledge-base/exporting-contacts-from-other-mail-providers/" key = "knowledgeBaseLink" > { c ( 'Import instructions link' ) . t `CSV file` } < /Href>); const yahooCalendarMessage = c ( 'Import instructions' ) . jt `To import contacts to Proton, you need a ${ knowledgeBaseLink }. Download it from Yahoo in 3 easy steps:` ; const yahooMailLink = ( < Href url = "https://mail.yahoo.com/" key = "yahooMailLink" > { c ( 'Import instructions link' ) . t `Yahoo Mail` } < /Href>); const step1 = c ( 'Import instructions' ) . jt `Open your ${ yahooMailLink } contacts` ; const step2 = c ( 'Import instructions' ) . t `Expand the dropdown menu by clicking on the 3 dots (...)` ; const boldExportCSV = ( < strong key = "boldExportCSV" > { c ( 'Import instructions emphasis' ) . t `Export to CSV file` } < /strong>); const step3 = c ( 'Import instructions' ) . jt `Select ${ boldExportCSV }` ; return ( < > < div className = "mb1" > { yahooCalendarMessage } < /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 YahooContactsInstructions ;