fix: typos and lint errors

CSSLab · Feb 10, 2025 · a104349 · a104349
1 parent 2572884
commit a104349
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 6 deletions.
diff --git a/src/components/Analysis/BlunderMeter.tsx b/src/components/Analysis/BlunderMeter.tsx
@@ -19,7 +19,7 @@ export const BlunderMeter: React.FC<Props> = ({
   return (
     <div className="flex h-full max-h-full min-w-[40%] max-w-[40%] flex-col gap-2 overflow-hidden rounded bg-background-1/60 p-3">
       <Tooltip id="probability" />
-      <p className="text-lg text-white">Blunder Meter</p>
+      <p className="text-lg text-primary">Blunder Meter</p>
       <div className="flex h-full w-full flex-col overflow-hidden">
         <div className="flex h-full w-full select-none flex-col overflow-hidden rounded">
           <Meter

diff --git a/src/components/Analysis/Highlight.tsx b/src/components/Analysis/Highlight.tsx
@@ -98,7 +98,7 @@ export const Highlight: React.FC<Props> = ({
                     {cp > 0 ? '+' : null}
                     {`${(cp / 100).toFixed(2)}`}
                   </p>
-                  <p className="font-mono text-sm">
+                  <p className="text-left font-mono text-sm">
                     {colorSanMapping[move]?.san ?? move}
                   </p>
                 </button>

diff --git a/src/components/Analysis/MoveMap.tsx b/src/components/Analysis/MoveMap.tsx
@@ -39,7 +39,7 @@ export const MoveMap: React.FC<Props> = ({
 
   return (
     <div className="flex h-full max-h-full flex-col overflow-hidden rounded bg-background-1/60">
-      <p className="p-3 text-lg text-white">Move Map</p>
+      <p className="p-3 text-lg text-primary">Move Map</p>
       <div className="flex h-full w-full flex-col">
         <ResponsiveContainer width="100%" height="100%">
           <ScatterChart margin={{ left: 0, top: 5, right: 30, bottom: 20 }}>

diff --git a/src/components/Analysis/MovesByRating.tsx b/src/components/Analysis/MovesByRating.tsx
@@ -34,7 +34,7 @@ export const MovesByRating: React.FC<Props> = ({
 
   return (
     <div className="flex h-full w-full flex-col rounded bg-background-1/60">
-      <p className="p-3 text-lg text-white">Moves by Rating</p>
+      <p className="p-3 text-lg text-primary">Moves by Rating</p>
       <ResponsiveContainer width="100%" height="100%">
         <AreaChart data={moves} margin={{ left: 0, right: 0, bottom: 0 }}>
           <CartesianGrid strokeDasharray="3 3" stroke="#3C3C3C" />

diff --git a/src/components/Home/AboutMaia.tsx b/src/components/Home/AboutMaia.tsx
@@ -173,8 +173,7 @@ export const AboutMaia = () => {
                   We tested each Maia on 9 sets of 500,000 positions that arose
                   in real human games, one for each rating level between 1100
                   and 1900. Every Maia made a prediction for every position, and
-                  we measured its resulting move-matching accuracy on each
-                  set.{' '}
+                  we measured its resulting move-matching accuracy on each set.{' '}
                 </p>
                 <p>
                   Each Maia captures human style at its targeted skill level.