+1 -1

src/components/theme-toggle.tsx

reviewed

··· 74 74 return ( 75 75 <button 76 76 onClick={cycleTheme} 77 77 - className="flex items-center gap-2 px-3 py-2 text-sm font-mono text-(--text-secondary) transition-colors duration-fast ease-default hover:text-(--accent-default) hover:bg-(--accent-subtle) focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--ring-color) focus-visible:ring-offset-2 focus-visible:ring-offset-(--bg-secondary) flex-shrink-0" 77 77 + className="flex items-center gap-2 px-3 py-2 text-sm font-mono text-(--text-secondary) transition-colors duration-fast ease-default hover:text-(--accent-default) hover:bg-(--accent-subtle) focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--ring-color) focus-visible:ring-offset-2 focus-visible:ring-offset-(--bg-secondary) shrink-0" 78 78 title={`Theme: ${resolved} (click to cycle)`} 79 79 aria-label={`Current theme: ${resolved}. Click to cycle.`} 80 80 >

+1

src/constants.ts

reviewed

··· 1 1 + export const POKEMON_LIMIT = 10;

+2 -1

src/routes/basic.tsx

reviewed

··· 6 6 import { ConsoleCard } from "~/components/console/console-card"; 7 7 import { SectionHeader } from "~/components/console/section-header"; 8 8 import { PokemonTableSkeleton } from "~/components/console/pokemon-table-skeleton"; 9 9 - import { POKEMON_LIMIT, getPokemonListQueryFn, getPokemonListQueryKey } from "~/util/pokemon"; 9 9 + import { POKEMON_LIMIT } from "~/constants"; 10 10 + import { getPokemonListQueryFn, getPokemonListQueryKey } from "~/util/pokemon"; 10 11 import { lazily } from "~/util/lazily"; 11 12 12 13 const { PokemonTable } = lazily(() => import("~/components/console/pokemon-table"));

+1 -1

src/routes/debounced-preload-filters.tsx

reviewed

··· 8 8 import { ConsoleCard } from "~/components/console/console-card"; 9 9 import { SectionHeader } from "~/components/console/section-header"; 10 10 import { PokemonTableSkeleton } from "~/components/console/pokemon-table-skeleton"; 11 11 + import { POKEMON_LIMIT } from "~/constants"; 11 12 import { 12 12 - POKEMON_LIMIT, 13 13 getFilteredPokemonListQueryKey, 14 14 getFilteredPokemonListQueryFn, 15 15 } from "~/util/pokemon";

+1 -1

src/routes/filters.tsx

reviewed

··· 7 7 import { ConsoleCard } from "~/components/console/console-card"; 8 8 import { SectionHeader } from "~/components/console/section-header"; 9 9 import { PokemonTableSkeleton } from "~/components/console/pokemon-table-skeleton"; 10 10 + import { POKEMON_LIMIT } from "~/constants"; 10 11 import { 11 11 - POKEMON_LIMIT, 12 12 getFilteredPokemonListQueryKey, 13 13 getFilteredPokemonListQueryFn, 14 14 } from "~/util/pokemon";

+2 -1

src/routes/intent-preloading.tsx

reviewed

··· 6 6 import { ConsoleCard } from "~/components/console/console-card"; 7 7 import { SectionHeader } from "~/components/console/section-header"; 8 8 import { PokemonTableSkeleton } from "~/components/console/pokemon-table-skeleton"; 9 9 - import { POKEMON_LIMIT, getPokemonListQueryKey, getPokemonListQueryFn } from "~/util/pokemon"; 9 9 + import { POKEMON_LIMIT } from "~/constants"; 10 10 + import { getPokemonListQueryKey, getPokemonListQueryFn } from "~/util/pokemon"; 10 11 import { lazily } from "~/util/lazily"; 11 12 12 13 const { PokemonTable } = lazily(() => import("~/components/console/pokemon-table"));

+2 -1

src/routes/pagination.tsx

reviewed

··· 6 6 import { ConsoleCard } from "~/components/console/console-card"; 7 7 import { SectionHeader } from "~/components/console/section-header"; 8 8 import { PokemonTableSkeleton } from "~/components/console/pokemon-table-skeleton"; 9 9 - import { POKEMON_LIMIT, getPokemonListQueryKey, getPokemonListQueryFn } from "~/util/pokemon"; 9 9 + import { POKEMON_LIMIT } from "~/constants"; 10 10 + import { getPokemonListQueryKey, getPokemonListQueryFn } from "~/util/pokemon"; 10 11 import { lazily } from "~/util/lazily"; 11 12 12 13 const { PokemonTable } = lazily(() => import("~/components/console/pokemon-table"));

+2 -1

src/routes/preloading.tsx

reviewed

··· 6 6 import { ConsoleCard } from "~/components/console/console-card"; 7 7 import { SectionHeader } from "~/components/console/section-header"; 8 8 import { PokemonTableSkeleton } from "~/components/console/pokemon-table-skeleton"; 9 9 - import { POKEMON_LIMIT, getPokemonListQueryKey, getPokemonListQueryFn } from "~/util/pokemon"; 9 9 + import { POKEMON_LIMIT } from "~/constants"; 10 10 + import { getPokemonListQueryKey, getPokemonListQueryFn } from "~/util/pokemon"; 10 11 import { lazily } from "~/util/lazily"; 11 12 12 13 const { PokemonTable } = lazily(() => import("~/components/console/pokemon-table"));

+1 -2

src/server/pokemon.ts

reviewed

··· 1 1 import { createServerFn } from "@tanstack/react-start"; 2 2 import * as v from "valibot"; 3 3 import { DB } from "~/data/db"; 4 4 - 5 5 - export const POKEMON_LIMIT = 10; 4 4 + import { POKEMON_LIMIT } from "~/constants"; 6 5 7 6 const PokemonListParamsSchema = v.object({ 8 7 offset: v.optional(v.number()),

-2

src/util/pokemon.ts

reviewed

··· 1 1 import type { QueryFunctionContext } from "@tanstack/react-query"; 2 2 import { getServerPokemonList, getServerFilteredPokemonList } from "~/server/pokemon"; 3 3 4 4 - export const POKEMON_LIMIT = 10; 5 5 - 6 4 export const getPokemonListQueryKey = (location: string, offset: number) => { 7 5 return ["pokemon-list", location, { offset }] as const; 8 6 };