Run prettier on all files

src/chart.tsx

@@ -1,6 +1,6 @@
-import { max, min } from 'd3-array';
+import {max, min} from 'd3-array';
-import { interpolateNumber } from 'd3-interpolate';
+import {interpolateNumber} from 'd3-interpolate';
-import { select, Selection } from 'd3-selection';
+import {select, Selection} from 'd3-selection';
 import 'd3-transition';
 import {
   D3ZoomEvent,
@@ -9,9 +9,9 @@ import {
   ZoomedElementBaseType,
   zoomTransform,
 } from 'd3-zoom';
-import { saveAs } from 'file-saver';
+import {saveAs} from 'file-saver';
-import { useEffect, useRef } from 'react';
+import {useEffect, useRef} from 'react';
-import { IntlShape, useIntl } from 'react-intl';
+import {IntlShape, useIntl} from 'react-intl';
 import {
   ChartHandle,
   ChartInfo,
@@ -25,9 +25,9 @@ import {
   RelativesChart,
   ChartColors as TopolaChartColors,
 } from 'topola';
-import { ChartColors, Ids, Sex } from './sidepanel/config/config';
+import {ChartColors, Ids, Sex} from './sidepanel/config/config';
-import { Media } from './util/media';
+import {Media} from './util/media';
-import { usePrevious } from './util/previous-hook';
+import {usePrevious} from './util/previous-hook';
 
 /** How much to zoom when using the +/- buttons. */
 const ZOOM_FACTOR = 1.3;
@@ -156,7 +156,10 @@ function getStrippedSvg() {
 
 function getSvgDimensions() {
   const svg = document.getElementById('chartSvg')!;
-  return { width: Number(svg.getAttribute('width')), height: Number(svg.getAttribute('height')) };
+  return {
+    width: Number(svg.getAttribute('width')),
+    height: Number(svg.getAttribute('height')),
+  };
 }
 
 function getSvgContents() {
@@ -203,13 +206,13 @@ export function printChart() {
 
 export async function downloadSvg() {
   const contents = await getSvgContentsWithInlinedImages();
-  const blob = new Blob([contents], { type: 'image/svg+xml' });
+  const blob = new Blob([contents], {type: 'image/svg+xml'});
   saveAs(blob, 'topola.svg');
 }
 
 async function drawOnCanvas(): Promise<HTMLCanvasElement> {
   const contents = await getSvgContentsWithInlinedImages();
-  const blob = new Blob([contents], { type: 'image/svg+xml' });
+  const blob = new Blob([contents], {type: 'image/svg+xml'});
   return drawImageOnCanvas(await loadImage(blob));
 }
 
@@ -221,7 +224,7 @@ export async function downloadPng() {
 
 export async function downloadPdf() {
   // Lazy load jspdf.
-  const { default: jspdf } = await import('jspdf');
+  const {default: jspdf} = await import('jspdf');
 
   const {width, height} = getSvgDimensions();
   const doc = new jspdf({
@@ -342,7 +345,7 @@ class ChartWrapper {
   renderChart(
     props: ChartProps,
     intl: IntlShape,
-    args: { initialRender: boolean; resetPosition: boolean } = {
+    args: {initialRender: boolean; resetPosition: boolean} = {
       initialRender: false,
       resetPosition: false,
     },

src/sidepanel/side-panel.tsx

@@ -37,7 +37,13 @@ export function SidePanel({
         id: 'tab.settings',
         defaultMessage: 'Settings',
       }),
-      render: () => <ConfigPanel gedcom={data.gedcom} config={config} onChange={onConfigChange} />,
+      render: () => (
+        <ConfigPanel
+          gedcom={data.gedcom}
+          config={config}
+          onChange={onConfigChange}
+        />
+      ),
     },
   ];
 

src/util/analytics_noop.ts

@@ -1,2 +1,2 @@
 /** No-op function for analytics. */
-export function analyticsEvent(action: string, data?: any) { }
+export function analyticsEvent(action: string, data?: any) {}