chore: fix typos and namings

bamlab · Jan 30, 2024 · fb33537 · fb33537
1 parent 2a19fc8
commit fb33537
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/packages/example/src/pages/NonVirtualizedGridPage.tsx b/packages/example/src/pages/NonVirtualizedGridPage.tsx
@@ -12,24 +12,24 @@ import chunk from 'lodash/chunk';
 import { ProgramInfo } from '../modules/program/domain/programInfo';
 import { theme } from '../design-system/theme/theme';
 
-const renderProgramList = (programsLists: ProgramInfo[]) => (
-  <ProgramList programs={programsLists} />
-);
+const ROW_SIZE = 7;
+
+const renderProgramsList = (programsList: ProgramInfo[]) => <ProgramRow programs={programsList} />;
 
 export const NonVirtualizedGridPage = () => {
-  const programsList = chunk(getPrograms(), 7);
+  const programsLists = chunk(getPrograms(), ROW_SIZE);
   return (
     <Page>
       <Container>
         <SpatialNavigationNode alignInGrid>
-          <DefaultFocus>{programsList.map(renderProgramList)}</DefaultFocus>
+          <DefaultFocus>{programsLists.map(renderProgramsList)}</DefaultFocus>
         </SpatialNavigationNode>
       </Container>
     </Page>
   );
 };
 
-const ProgramList = ({ programs }: { programs: ProgramInfo[] }) => {
+const ProgramRow = ({ programs }: { programs: ProgramInfo[] }) => {
   const navigation = useNavigation<NativeStackNavigationProp<RootStackParamList>>();
   return (
     <SpatialNavigationNode orientation="horizontal">