minor ui tweaks

xvvvyz · Jul 1, 2024 · 85dfb4b · 85dfb4b
1 parent 34e484c
commit 85dfb4b
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 9 deletions.
diff --git a/app/_components/plot-figure.tsx b/app/_components/plot-figure.tsx
@@ -150,12 +150,10 @@ const PlotFigure = ({
         }
 
         if (!showBars || !isInputNominal) {
-          const pointer = P[isInputNominal ? 'pointerY' : 'pointerX'];
-
           marks.push(
             P.dot(
               rows,
-              pointer({
+              P.pointerX({
                 fill: '#fff',
                 maxRadius: 100,
                 title: (d) => JSON.stringify(d),
@@ -168,7 +166,7 @@ const PlotFigure = ({
           marks.push(
             P.ruleX(
               rows,
-              pointer({
+              P.pointerX({
                 maxRadius: 100,
                 py: y,
                 stroke: 'hsla(0, 0%, 100%, 25%)',
@@ -180,7 +178,7 @@ const PlotFigure = ({
           marks.push(
             P.ruleY(
               rows,
-              pointer({
+              P.pointerX({
                 maxRadius: 100,
                 px: x,
                 stroke: 'hsla(0, 0%, 100%, 25%)',
@@ -192,7 +190,7 @@ const PlotFigure = ({
           marks.push(
             P.text(
               rows,
-              pointer({
+              P.pointerX({
                 dy: 16,
                 fill: '#fff',
                 frameAnchor: 'bottom',
@@ -209,7 +207,7 @@ const PlotFigure = ({
           marks.push(
             P.text(
               rows,
-              pointer({
+              P.pointerX({
                 dx: -9,
                 fill: '#fff',
                 frameAnchor: 'left',

diff --git a/app/_queries/collapsible-archive.tsx b/app/_queries/collapsible-archive.tsx
@@ -1,4 +1,5 @@
 'use client';
+
 import Button from '@/_components/button';
 import ChevronDownIcon from '@heroicons/react/24/outline/ChevronDownIcon';
 import ChevronUpIcon from '@heroicons/react/24/outline/ChevronUpIcon';
@@ -32,4 +33,5 @@ const CollapsibleArchive = ({ children }: CollapsibleArchiveProps) => {
     </Collapsible.Collapsible>
   );
 };
+
 export default CollapsibleArchive;
diff --git a/app/_utilities/format-input-value.ts b/app/_utilities/format-input-value.ts
@@ -8,7 +8,10 @@ interface Value {
 const formatInputValue = {
   checkbox: (values: Value[]) => (values[0]?.value == true ? 'Yes' : 'No'),
   duration: (values: Value[]) =>
-    humanizeDuration(Number(values[0]?.value ?? '0') * 1000, { largest: 2 }),
+    humanizeDuration(Number(values[0]?.value ?? '0') * 1000, {
+      largest: 2,
+      round: true,
+    }),
   multi_select: (values: Value[]) =>
     values
       .map(({ label }) => label)
@@ -19,7 +22,7 @@ const formatInputValue = {
   stopwatch: (values: Value[]) =>
     humanizeDuration(
       Number(values.find(({ label }) => !label)?.value ?? '0') * 1000,
-      { largest: 2 },
+      { largest: 2, round: true },
     ),
 };
 

diff --git a/app/_utilities/humanize-duration-short.ts b/app/_utilities/humanize-duration-short.ts
@@ -16,6 +16,7 @@ const humanizeDurationShort = humanizeDuration.humanizer({
     },
   },
   largest: 2,
+  round: true,
   spacer: '',
 });
-Original file line number
+Diff line change
@@ Expand Up / @@ -16,6 +16,7 @@ const humanizeDurationShort = humanizeDuration.humanizer({ @@
         },
       },
       largest: 2,
+      round: true,
       spacer: '',
     });
@@ Expand Down @@