feat(front): add SimBrief button (#57)

packages/front/src/components/FlightModal/index.tsx

@@ -4,6 +4,7 @@ import { formatEet } from '../../utils/formatEet'
 import Button from '../Button'
 import IcaoFpl from '../IcaoFpl'
 import IvaoButton from '../IvaoButton'
+import SimBriefButton from '../SimBriefButton'
 import SkyVectorButton from '../SkyVectorButton'
 import VatsimButton from '../VatsimButton'
 import styles from './index.module.css'
@@ -66,6 +67,7 @@ const FlightModal: FC<Props> = ({ show, onClose, flight }) => {
           <div className={styles.footer}>
             <IvaoButton flight={flight} />
             <VatsimButton flight={flight} />
+            <SimBriefButton flight={flight} />
             <SkyVectorButton flight={flight} />
             <Button variant="danger" onClick={onClose}>
               Close

packages/front/src/components/SimBriefButton/index.tsx

@@ -0,0 +1,36 @@
+import Flight from '@mach/common'
+import { FC } from 'react'
+import Button from '../Button'
+
+type Props = {
+  flight: Flight
+}
+
+const VatsimButton: FC<Props> = ({ flight }) => {
+  const query = {
+    airline: flight.company,
+    fltnum: flight.flightNumber,
+    type: flight.aircraft.icaoCode,
+    orig: flight.departureIcao,
+    dest: flight.arrivalIcao,
+    deph: flight.estimatedOffBlockTime.substr(0, 2),
+    depm: flight.estimatedOffBlockTime.substr(2, 2),
+    route: flight.route,
+    steh: Math.floor(flight.estimatedEnrouteMinutes / 60),
+    stem: flight.estimatedEnrouteMinutes % 60,
+    fl: flight.cruisingLevel * 100,
+    manualrmk: flight.remarks
+  }
+
+  const simBriefLink = `http://www.simbrief.com/system/dispatch.php?${new URLSearchParams(
+    query as any
+  ).toString()}`
+
+  return (
+    <Button href={simBriefLink} target="_blank">
+      View on SimBrief
+    </Button>
+  )
+}
+
+export default VatsimButton