Ascending order of components

Signed-off-by: Anand-Theertha <[email protected]>
layer5io · Jan 19, 2025 · 374357e · 374357e
1 parent bcec762
commit 374357e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/components/SistentNavigation/index.js b/src/components/SistentNavigation/index.js
@@ -21,6 +21,11 @@ const TOC = () => {
     location.pathname.includes("/components")
   );
 
+  // Sorting the array of components by name
+  const sortedComponentArray = [...componentsData].sort((a, b) =>
+    a.name.localeCompare(b.name)
+  );
+
   return (
     <TOCWrapper>
       <div className="go-back">
@@ -129,7 +134,7 @@ const TOC = () => {
               {expandComponent && (
                 <div className="components-sublinks">
                   <li>
-                    {componentsData.map((component) => (
+                    {sortedComponentArray.map((component) => (
                       <li key={component.id}>
                         <Link
                           to={component.url}

diff --git a/src/sections/Projects/Sistent/components/index.js b/src/sections/Projects/Sistent/components/index.js
@@ -9,7 +9,6 @@ import { FaArrowRight } from "@react-icons/all-files/fa/FaArrowRight";
 import { Link } from "gatsby";
 import { componentsData } from "./content";
 
-
 const SistentComponents = () => {
   const [searchQuery, setSearchQuery] = useState("");
   const { queryResults, searchData } = useDataList(
@@ -20,7 +19,9 @@ const SistentComponents = () => {
     "id"
   );
 
-  const compArray = queryResults;
+  const compArray = [...queryResults].sort((a, b) =>
+    a.name.localeCompare(b.name)
+  );
 
   return (
     <SistentWrapper>