help.js (1664B)
1 import React from 'react'; 2 import { Link } from 'react-router-dom'; 3 import moment from 'moment-timezone'; 4 5 function Help() { 6 const basePath = process.env.PUBLIC_URL; 7 const tz = moment.tz.guess(); 8 const tzAbbr = moment.tz.zone(tz).abbr(moment()); 9 return ( 10 <div className="container" style={{ minHeight: '75vh' }}> 11 <ol> 12 <li> 13 Use the{' '} 14 <Link 15 to={`${basePath}/`} 16 style={{ 17 background: 'lavender', 18 borderRadius: '5px', 19 padding: '2px 5px', 20 }} 21 > 22 homepage 23 </Link>{' '} 24 to convert your <span className="font-weight-bold">current time</span>{' '} 25 ({tzAbbr}) to other timezone. 26 </li> 27 <li> 28 Use the{' '} 29 <Link 30 to={`${basePath}/future`} 31 style={{ 32 background: 'lavender', 33 borderRadius: '5px', 34 padding: '2px 5px', 35 }} 36 > 37 /future 38 </Link>{' '} 39 to convert a <span className="font-weight-bold">future date</span>{' '} 40 between different timezones. 41 </li> 42 <li> 43 Use the{' '} 44 <Link 45 to={`${basePath}/from-to`} 46 style={{ 47 background: 'lavender', 48 borderRadius: '5px', 49 padding: '2px 5px', 50 }} 51 > 52 /from-to 53 </Link>{' '} 54 to convert 55 <span className="font-weight-bold"> current time</span> between 56 different timezones. 57 </li> 58 </ol> 59 </div> 60 ); 61 } 62 63 export default Help;