codedownio/time-ghc-modules
1
1
Fork 0
mirror of https://github.com/codedownio/time-ghc-modules.git synced 2024-10-26 07:18:58 +03:00
Code Issues Projects Releases Wiki Activity

Put everything in single bundle

Browse Source
This commit is contained in:
Tom McLaughlin 2024-02-06 20:56:16 -08:00
parent c04110c380
commit 93133d11c0
3 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/App.tsx
View File

@ -5,8 +5,6 @@ import Select from "@material-ui/core/Select";
import {reduce} from "lodash";
import * as React from "react";
import "tachyons";
import Bars from "./Bars";
import TreeMap from "./TreeMap";
import {formatBytes, formatTime} from "./Util";
@ -16,7 +14,7 @@ import {formatBytes, formatTime} from "./Util";
const data: ModuleData = window.module_data;
export default function App() {
const [visualization, setVisualization] = React.useState<Visualization>("treemap");
const [visualization, setVisualization] = React.useState<Visualization>("bars");
const [aggregate, setAggregate] = React.useState<Aggregate>("time");
const [numModulesToShow, setNumModulesToShow] = React.useState(50);

2
src/TreeMap.tsx
View File

@ -10,9 +10,7 @@ import {formatBytes, formatTime} from "./Util";
// import SimpleD3TreeMap from "./D3TreeMap";
import D3TreeMap, { ColorModel, NumberOfChildrenPlacement } from "react-d3-treemap";
import "react-d3-treemap/dist/react.d3.treemap.css";
import "./TreeMap.css";
interface Props {
aggregate: Aggregate;

6
src/index.html
View File

@ -9,6 +9,12 @@
<script type="text/javascript">
window.module_data = "INSERT_DATA_HERE";
</script>
<style>
@import "../node_modules/tachyons/css/tachyons.css";
@import "../node_modules/react-d3-treemap/dist/react.d3.treemap.css";
@import "./TreeMap.css";
</style>
</head>
<body>