import { c } from 'ttag' ; import { Href } from '../../../link' ; const OutlookCalendarInstructions = ( ) => { const knowledgeBaseLink = ( < Href url = "https://protonmail.com/support/knowledge-base/import-calendar-to-protoncalendar/" key = "knowledgeBaseLink" > { c ( 'Import instructions link' ) . t `ICS file` } < /Href>); const outlookCalendarMessage = c ( 'Import instructions' ) . jt `To import a calendar to Proton, you need the ${ knowledgeBaseLink }. Download it from Outlook in 3 easy steps:` ; const calendarLink = ( < Href url = "https://outlook.live.com/calendar/0/options/calendar/SharedCalendars/" key = "calendarLink" > { c ( 'Import instructions link' ) . t `shared calendars` } < /Href>); const step1 = c ( 'Import instructions step' ) . jt `Go to ${ calendarLink } in your Outlook.com settings` ; const boldPublish = < strong key = "boldPublish" > { c ( 'Import instructions emphasis' ) . t `Publish a calendar` } < /strong>; const boldCanViewAllDetails = ( < strong key = "boldCanViewAllDetails" > { c ( 'Import instructions emphasis' ) . t `Can view all details` } < /strong>); const step2 = c ( 'Import instructions step' ) . jt `Under ${ boldPublish }, select the calendar you want to import. Set the permission to ${ boldCanViewAllDetails } and publish it` ; const boldICS = < strong key = "boldICS" > { c ( 'Import instructions emphasis' ) . t `ICS` } < /strong>; const step3 = c ( 'Import instructions step' ) . jt `Click on the ${ boldICS } link and download the file` ; return ( < > < div className = "mb1" > { outlookCalendarMessage } < /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 OutlookCalendarInstructions ;