Adds missing focus-visible styles to the pagination

samejr · samejr · commit 4dcf21891a04 · 2024-12-18T10:56:27.000Z
diff --git a/apps/webapp/app/components/primitives/Pagination.tsx b/apps/webapp/app/components/primitives/Pagination.tsx
@@ -64,7 +64,7 @@ function pageUrl(location: ReturnType<typeof useLocation>, page: number): string
 }
 
 const baseClass =
-  "flex items-center justify-center border border-transparent min-w-6 h-6 px-1 text-xs font-medium transition text-text-dimmed rounded-sm";
+  "flex items-center justify-center border border-transparent min-w-6 h-6 px-1 text-xs font-medium transition text-text-dimmed rounded-sm focus-visible:focus-custom";
 const unselectedClass = "hover:bg-tertiary hover:text-text-bright";
 const selectedClass = "border-charcoal-600 bg-tertiary text-text-bright hover:bg-charcoal-600/50";
 

Original file line number	Diff line number	Diff line change
`@@ -64,7 +64,7 @@ function pageUrl(location: ReturnType<typeof useLocation>, page: number): string`
`64`	`64`	`}`
`65`	`65`
`66`	`66`	`const baseClass =`
`67`		`- "flex items-center justify-center border border-transparent min-w-6 h-6 px-1 text-xs font-medium transition text-text-dimmed rounded-sm";`
	`67`	`+ "flex items-center justify-center border border-transparent min-w-6 h-6 px-1 text-xs font-medium transition text-text-dimmed rounded-sm focus-visible:focus-custom";`
`68`	`68`	`const unselectedClass = "hover:bg-tertiary hover:text-text-bright";`
`69`	`69`	`const selectedClass = "border-charcoal-600 bg-tertiary text-text-bright hover:bg-charcoal-600/50";`
`70`	`70`