fix: incorrect letter case of section filter #963 (#964)

opensquare-network · Oct 9, 2024 · 649e247 · 649e247
1 parent c616bea
commit 649e247
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 19 deletions.
diff --git a/site/src/components/calls/filter/index.js b/site/src/components/calls/filter/index.js
@@ -1,13 +1,13 @@
 import { useTimeDimensionFilterItems } from "../../../utils/hooks/useTimeDimensionFilterItems";
 import CombinedFilter from "../../filter/combinedFilter";
-import { useCallSecondMethodFilter } from "./useCallSecondMethodFilter";
+import { useCallSectionMethodFilter } from "./useCallSectionMethodFilter";
 
 export default function CallFilter() {
-  const secondMethodFilters = useCallSecondMethodFilter();
+  const sectionMethodFilters = useCallSectionMethodFilter();
   const timeDimensionFilters = useTimeDimensionFilterItems();
   return (
     <CombinedFilter
-      filters1={secondMethodFilters}
+      filters1={sectionMethodFilters}
       filters2={timeDimensionFilters}
     />
   );

diff --git a/...calls/filter/useCallSecondMethodFilter.js → ...alls/filter/useCallSectionMethodFilter.js b/...calls/filter/useCallSecondMethodFilter.js → ...alls/filter/useCallSectionMethodFilter.js
@@ -5,7 +5,7 @@ import {
   fetchSpecsFilter,
   filtersSelector,
 } from "../../../store/reducers/filterSlice";
-import { stringCamelCase, stringLowerFirst } from "@polkadot/util";
+import { stringCamelCase } from "@polkadot/util";
 import {
   AllOption,
   getFromQuery,
@@ -58,7 +58,7 @@ function getSectionDescendant(section) {
   };
 }
 
-export function useCallSecondMethodFilter() {
+export function useCallSectionMethodFilter() {
   const dispatch = useDispatch();
   const location = useLocation();
   const specFilters = useSelector(filtersSelector);
@@ -95,7 +95,7 @@ export function useCallSecondMethodFilter() {
         sectionQueryValue,
         (
           sectionOptions.find(
-            (section) => stringLowerFirst(section.name) === sectionQueryValue,
+            (section) => stringCamelCase(section.name) === sectionQueryValue,
           ) ?? { calls: [] }
         ).calls,
       );
@@ -124,7 +124,7 @@ export function useCallSecondMethodFilter() {
           sectionOptions.map((section) => {
             return {
               text: section.name,
-              value: stringLowerFirst(section.name),
+              value: stringCamelCase(section.name),
               descendant: getSectionDescendant(section),
             };
           }),

diff --git a/site/src/components/events/filter/index.js b/site/src/components/events/filter/index.js
@@ -3,11 +3,11 @@ import { useTimeDimensionFilterItems } from "../../../utils/hooks/useTimeDimensi
 import CombinedFilter from "../../filter/combinedFilter";
 
 export default function EventFilter() {
-  const secondMethodFilters = useEventSectionMethodFilter();
+  const sectionMethodFilters = useEventSectionMethodFilter();
   const timeDimensionFilters = useTimeDimensionFilterItems();
   return (
     <CombinedFilter
-      filters1={secondMethodFilters}
+      filters1={sectionMethodFilters}
       filters2={timeDimensionFilters}
     />
   );

diff --git a/site/src/components/events/filter/useEventSectionMethodFilter.js b/site/src/components/events/filter/useEventSectionMethodFilter.js
@@ -7,7 +7,7 @@ import {
 } from "../../../store/reducers/filterSlice";
 import { useEffect, useState } from "react";
 import { useLocation } from "react-router-dom";
-import { stringLowerFirst } from "@polkadot/util";
+import { stringCamelCase } from "@polkadot/util";
 import {
   AllOption,
   getFromQuery,
@@ -106,7 +106,7 @@ export function useEventSectionMethodFilter() {
         sectionValue,
         (
           sectionOptions.find(
-            (section) => stringLowerFirst(section.name) === sectionValue,
+            (section) => stringCamelCase(section.name) === sectionValue,
           ) ?? { events: [] }
         ).events,
       );
@@ -135,7 +135,7 @@ export function useEventSectionMethodFilter() {
           sectionOptions.map((section) => {
             return {
               text: section.name,
-              value: stringLowerFirst(section.name),
+              value: stringCamelCase(section.name),
               descendant: getSectionDescendant(section),
             };
           }),

diff --git a/site/src/components/extrinsics/filter/index.js b/site/src/components/extrinsics/filter/index.js
@@ -1,13 +1,13 @@
-import { useExtrinsicSecondMethodFilter } from "./useExtrinsicSecondMethodFilter";
+import { useExtrinsicSectionMethodFilter } from "./useExtrinsicSectionMethodFilter";
 import { useTimeDimensionFilterItems } from "../../../utils/hooks/useTimeDimensionFilterItems";
 import CombinedFilter from "../../filter/combinedFilter";
 
 export default function ExtrinsicFilter() {
-  const secondMethodFilters = useExtrinsicSecondMethodFilter();
+  const sectionMethodFilters = useExtrinsicSectionMethodFilter();
   const timeDimensionFilters = useTimeDimensionFilterItems();
   return (
     <CombinedFilter
-      filters1={secondMethodFilters}
+      filters1={sectionMethodFilters}
       filters2={timeDimensionFilters}
     />
   );

diff --git a/.../filter/useExtrinsicSecondMethodFilter.js → ...filter/useExtrinsicSectionMethodFilter.js b/.../filter/useExtrinsicSecondMethodFilter.js → ...filter/useExtrinsicSectionMethodFilter.js
@@ -7,7 +7,7 @@ import {
 } from "../../../store/reducers/filterSlice";
 import { useEffect, useState } from "react";
 import { useLocation } from "react-router-dom";
-import { stringCamelCase, stringLowerFirst } from "@polkadot/util";
+import { stringCamelCase } from "@polkadot/util";
 import {
   AllOption,
   getFromQuery,
@@ -60,7 +60,7 @@ function getSectionDescendant(section) {
   };
 }
 
-export function useExtrinsicSecondMethodFilter() {
+export function useExtrinsicSectionMethodFilter() {
   const dispatch = useDispatch();
   const location = useLocation();
   const specFilters = useSelector(filtersSelector);
@@ -109,7 +109,7 @@ export function useExtrinsicSecondMethodFilter() {
       sectionValue,
       (
         sectionOptions.find(
-          (section) => stringLowerFirst(section.name) === sectionValue,
+          (section) => stringCamelCase(section.name) === sectionValue,
         ) ?? { calls: [] }
       ).calls,
     );
@@ -138,7 +138,7 @@ export function useExtrinsicSecondMethodFilter() {
         sectionOptions.map((section) => {
           return {
             text: section.name,
-            value: stringLowerFirst(section.name),
+            value: stringCamelCase(section.name),
             descendant: getSectionDescendant(section),
           };
         }),