tynanpurdy.com
Fork of atp.tools as a universal profile for people on the ATmosphere
fix side data offset in results mode
+15
-6
src/components/rnfgrertt/resultsView.tsx
+15
-6
src/components/rnfgrertt/resultsView.tsx
···
58
58
<h2 className="text-2xl text-muted-foreground -mb-4 text-start ml-8">
59
59
Results
60
60
</h2>
61
-
<div ref={resultsRef} className="bg-card text-base p-4">
61
+
<div ref={resultsRef} className="bg-card text-base px-4 py-2">
62
62
<div className="flex flex-col lg:flex-row">
63
63
<div className=" flex flex-row lg:flex-col justify-start lg:justify-around">
64
64
<StatBox label="wpm" value={stats.wpm} />
···
141
141
value: string | number;
142
142
following?: string;
143
143
}) => (
144
-
<div className="rounded text-left mx-4">
144
+
<div className="rounded text-left ml-4 w-36">
145
145
<div className="">
146
146
<div className="text-muted-foreground">{label}</div>
147
147
<div className="text-7xl">
···
202
202
<XAxis
203
203
dataKey="time"
204
204
type="number"
205
+
scale="linear"
206
+
allowDecimals={false}
205
207
label={{ value: "Time (seconds)", position: "bottom" }}
206
208
domain={[1, "max"]}
207
209
tickCount={Math.max(Math.ceil(wpmData.length / 8), 10)}
208
210
/>
209
211
<YAxis
210
212
yAxisId="left"
213
+
orientation="left"
211
214
label={{
212
215
value: "words/min",
213
216
angle: -90,
214
-
position: "left",
215
-
offset: -20,
217
+
position: "insideBottomLeft",
218
+
offset: 25,
216
219
}}
217
220
/>
218
221
<YAxis
219
222
yAxisId="right"
220
223
orientation="right"
221
-
label={{ value: "Errors", angle: 90, position: "center" }}
224
+
allowDecimals={false}
225
+
label={{
226
+
value: "Errors",
227
+
angle: 90,
228
+
position: "insideTopLeft",
229
+
offset: 30,
230
+
}}
222
231
domain={[0, Math.max(...wpmData.map((d) => d.errorsPerSecond || 0), 1)]}
223
232
/>
224
233
<Tooltip content={<CustomTooltip />} />
···
247
256
type="monotone"
248
257
dataKey="errorsPerSecond"
249
258
stroke="#ff4757"
250
-
name="Errors/sec"
259
+
name="Errors"
251
260
strokeWidth={0}
252
261
dot={<CustomDot />}
253
262
/>