Help.tsx (1459B)
1 import React from "react"; 2 import { Link } from "react-router-dom"; 3 4 import { getAbbr } from "../../utils"; 5 6 import { basePath, localTimezone } from "../../utils"; 7 8 import { IMoment } from "../../utils/interfaces"; 9 10 function Help({ time }: IMoment): JSX.Element { 11 return ( 12 <div className="container"> 13 <ol> 14 <li> 15 Use the <Link to={`${basePath}/`}>homepage</Link> to convert your{" "} 16 <span className="font-weight-bold">current time</span> ( 17 {getAbbr({ time, timezone: localTimezone })}) to other timezone. 18 </li> 19 <li> 20 Use the <Link to={`${basePath}/future`}>/future</Link> to convert a{" "} 21 <span className="font-weight-bold">future date</span> between 22 different timezones. 23 </li> 24 <li> 25 Use the <Link to={`${basePath}/from-to`}>/from-to</Link> to convert{" "} 26 <span className="font-weight-bold">current time</span> between 27 different timezones. 28 </li> 29 <li> 30 You can <span className="font-weight-bold">save</span> the converted 31 timezones, by clicking the "Save" button. 32 </li> 33 <li> 34 Use the <Link to={`${basePath}/create`}>Create event</Link> link to 35 schedule an event and share the link with participants. They can view 36 the event's scheduled time in their respective time zones. 37 </li> 38 </ol> 39 </div> 40 ); 41 } 42 43 export default Help;