From 5c5d41158893d5bbc5fab8837b54e3ee1b7643bb Mon Sep 17 00:00:00 2001
From: "Jade (Rose) Rowland" <jaderowlanddev@gmail.com>
Date: Fri, 21 Feb 2025 20:11:39 -0500
Subject: [PATCH] lint

---
 .../components/incrementor/Incrementor.jsx    | 20 ++++++++++++++++---
 .../src/repl/components/panel/Reference.jsx   |  2 +-
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/website/src/repl/components/incrementor/Incrementor.jsx b/website/src/repl/components/incrementor/Incrementor.jsx
index f03a98da..5f722fb7 100644
--- a/website/src/repl/components/incrementor/Incrementor.jsx
+++ b/website/src/repl/components/incrementor/Incrementor.jsx
@@ -16,7 +16,16 @@ function IncButton({ children, className, ...buttonProps }) {
     </button>
   );
 }
-export function Incrementor({ onChange, value, min = -Infinity, max = Infinity, className, ...incrementorProps }) {
+export function Incrementor({
+  onChange,
+  value,
+  min = -Infinity,
+  max = Infinity,
+  className,
+  incrementLabel = 'next page',
+  decrementLabel = 'prev page',
+  ...incrementorProps
+}) {
   value = parseInt(value);
   value = isNaN(value) ? '' : value;
   return (
@@ -37,12 +46,17 @@ export function Incrementor({ onChange, value, min = -Infinity, max = Infinity,
         {...incrementorProps}
       />
       <div className="flex gap-1 ">
-        <IncButton disabled={value <= min} onClick={() => onChange(value - 1)}>
+        <IncButton disabled={value <= min} onClick={() => onChange(value - 1)} aria-label={decrementLabel}>
           <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" className="w-4 h-4">
             <path d="M3.75 7.25a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5Z" />
           </svg>
         </IncButton>
-        <IncButton className="rounded-r-md" disabled={value >= max} onClick={() => onChange(value + 1)}>
+        <IncButton
+          className="rounded-r-md"
+          disabled={value >= max}
+          onClick={() => onChange(value + 1)}
+          aria-label={incrementLabel}
+        >
           <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" className="w-4 h-4">
             <path d="M8.75 3.75a.75.75 0 0 0-1.5 0v3.5h-3.5a.75.75 0 0 0 0 1.5h3.5v3.5a.75.75 0 0 0 1.5 0v-3.5h3.5a.75.75 0 0 0 0-1.5h-3.5v-3.5Z" />
           </svg>
diff --git a/website/src/repl/components/panel/Reference.jsx b/website/src/repl/components/panel/Reference.jsx
index 452889de..b2bdd543 100644
--- a/website/src/repl/components/panel/Reference.jsx
+++ b/website/src/repl/components/panel/Reference.jsx
@@ -29,7 +29,7 @@ export function Reference() {
     <div className="flex h-full w-full p-2 text-foreground overflow-hidden">
       <div className="h-full  flex flex-col gap-2 w-1/3 max-w-72 ">
         <div class="w-full flex">
-          <Textbox className='w-full' placeholder="Search" value={search} onChange={setSearch} />
+          <Textbox className="w-full" placeholder="Search" value={search} onChange={setSearch} />
         </div>
         <div className="flex flex-col h-full overflow-y-auto  gap-1.5 bg-background bg-opacity-50  rounded-md">
           {visibleFunctions.map((entry, i) => (