diff options
| author | 2023-07-08 15:30:56 +0800 | |
|---|---|---|
| committer | 2023-07-08 15:30:56 +0800 | |
| commit | 109c28468b3266cf9815e63ce135f134b384d781 (patch) | |
| tree | 504567493b5770fbad61239e65253e11a5629d9e /docs | |
| parent | 13cc48aba48ee09b883945ed3ecc8ddb1bfb4711 (diff) | |
| download | HydroRoll-109c28468b3266cf9815e63ce135f134b384d781.tar.gz HydroRoll-109c28468b3266cf9815e63ce135f134b384d781.zip | |
/🦴FIX
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/components/pages/TRPG-home/PackBenchmarks.tsx | 8 | ||||
| -rw-r--r-- | docs/components/pages/TRPG-home/PackBenchmarksGraph.tsx | 27 |
2 files changed, 18 insertions, 17 deletions
diff --git a/docs/components/pages/TRPG-home/PackBenchmarks.tsx b/docs/components/pages/TRPG-home/PackBenchmarks.tsx index 904fc62..0d3322c 100644 --- a/docs/components/pages/TRPG-home/PackBenchmarks.tsx +++ b/docs/components/pages/TRPG-home/PackBenchmarks.tsx @@ -1,4 +1,4 @@ -import { useState } from "react"; +import { useState } from "react"; import { FadeIn } from "../home-shared/FadeIn"; import { SectionHeader, SectionSubtext } from "../home-shared/Headings"; import { BenchmarksGraph } from "./PackBenchmarksGraph"; @@ -22,7 +22,7 @@ export interface BenchmarkData { export interface BenchmarkBar { label: string; key: keyof BenchmarkData; - turbo?: true; + core?: true; swc?: true; } @@ -30,7 +30,7 @@ export const DEFAULT_BARS: BenchmarkBar[] = [ { key: "HydroRoll", label: "HydroRollæ°´ç³»", - turbo: true, + core: true, }, { key: "Shiki", @@ -50,7 +50,7 @@ export const HMR_BARS: BenchmarkBar[] = [ { key: "HydroRoll", label: "HydroRollæ°´ç³»", - turbo: true, + core: true, }, { key: "Shiki", diff --git a/docs/components/pages/TRPG-home/PackBenchmarksGraph.tsx b/docs/components/pages/TRPG-home/PackBenchmarksGraph.tsx index 8215ee7..489553a 100644 --- a/docs/components/pages/TRPG-home/PackBenchmarksGraph.tsx +++ b/docs/components/pages/TRPG-home/PackBenchmarksGraph.tsx @@ -17,6 +17,7 @@ import { BenchmarkData, BenchmarkNumberOfModules, } from "./PackBenchmarks"; +import HydroRoll from "../../logos/HydroRoll"; interface BenchmarksGraphProps { category: BenchmarkCategory; @@ -56,9 +57,9 @@ export function BenchmarksGraph({ return ( <GraphBar key={bar.key} - turbo={bar.turbo} + core={bar.core} Label={ - <GraphLabel label={bar.label} turbo={bar.turbo} swc={bar.swc} /> + <GraphLabel label={bar.label} core={bar.core} swc={bar.swc} /> } duration={data[bar.key] * 1000} longestTime={longestTimeWithPadding} @@ -93,14 +94,14 @@ const graphBarWrapperVariants = { }; function GraphBar({ - turbo, + core, duration, longestTime, inView, Label, pinTime, }: { - turbo?: boolean; + core?: boolean; duration: number; longestTime: number; Label: JSX.Element; @@ -191,8 +192,8 @@ function GraphBar({ <motion.div className={cn( "h-12 rounded w-0 relative", - turbo ? gradients.benchmarkTurbo : gradients.benchmark, - { [gradients.barBorder]: !turbo } + core ? gradients.benchmarkTurbo : gradients.benchmark, + { [gradients.barBorder]: !core } )} variants={graphBarVariants} animate={controls} @@ -206,7 +207,7 @@ function GraphBar({ transition={{ duration: 0.1 }} > <GraphTimer - turbo={turbo} + core={core} timer={pinTime ? duration : timer} duration={duration} /> @@ -217,17 +218,17 @@ function GraphBar({ } const GraphTimer = ({ - turbo, + core, timer, duration, }: { - turbo: boolean; + core: boolean; timer: number; duration: number; }) => { return ( <div className={`flex flex-row gap-2 w-24 justify-end items-center z-10`}> - {turbo && ( + {core && ( <div className="relative flex w-6 h-6"> <Image alt="HydroRollTRPG" @@ -292,13 +293,13 @@ const Time = ({ function GraphLabel({ label, - turbo, + core, swc, mobileOnly, esbuild, }: { label: string; - turbo?: boolean; + core?: boolean; swc?: boolean; mobileOnly?: boolean; esbuild?: boolean; @@ -310,7 +311,7 @@ function GraphLabel({ }`} > <p>{label}</p> - {turbo && ( + {core && ( <p className={cn( "font-space-grotesk m-0", |
