Move some files around

src/App.tsx

@@ -5,9 +5,10 @@ import Select from "@material-ui/core/Select";
 import {reduce} from "lodash";
 import * as React from "react";
 
+import {formatBytes, formatTime} from "./Formatting";
+
 import Bars from "./Bars";
 import TreeMap from "./TreeMap";
-import {formatBytes, formatTime} from "./Util";
 
 
 // @ts-ignore, inserted into the HTML

src/Bars.tsx

@@ -1,10 +1,9 @@
 
 import {map, size} from "lodash";
 import {useMemo} from "react";
-import * as React from "react";
 
-import Chart from "./Chart";
-import {formatBytes, formatTime} from "./Util";
+import Chart from "./Bars/Chart";
+import {formatBytes, formatTime} from "./Formatting";
 
 
 interface Props {

src/Bars/Chart.tsx

@@ -1,8 +1,8 @@
 
-import * as React from "react";
-
+import {useMemo} from "react";
 import ReactApexCharts from "react-apexcharts";
 
+
 interface Props {
   title: string;
   series: Array<{name: string; data: number[];}>;
@@ -14,7 +14,7 @@ interface Props {
 const baseHeight = 200;
 
 export default function ApexChart({title, series, categories, xLabel, formatter}: Props) {
-  const options: ApexCharts.ApexOptions = React.useMemo(() => ({
+  const options: ApexCharts.ApexOptions = useMemo(() => ({
     chart: {
       animations: {
         enabled: false

src/TreeMap.tsx

@@ -2,10 +2,9 @@
 import { debounce } from "lodash";
 import { CSSProperties, useEffect, useMemo, useRef, useState} from "react";
 
-import CleanTreeMap from "./CleanTreeMap";
-
+import {formatBytes, formatTime} from "./Formatting";
 import buildNestedData, {removeEmptyNodes} from "./TreeMap/BuildData";
-import {formatBytes, formatTime} from "./Util";
+import CleanTreeMap from "./TreeMap/CleanTreeMap";
 
 
 interface Props {