Prettified Code!

src/models/Components.js

@@ -1,84 +1,75 @@
 export default [
     {
-        name: 'Alerts',
+        name: "Alerts",
         components: [
-            { name: 'SuccessPop' },
+            { name: "SuccessPop" },
-            { name: 'InfoPop' },
+            { name: "InfoPop" },
-            { name: 'WarningPop' },
+            { name: "WarningPop" },
-            { name: 'ErrorPop' },
+            { name: "ErrorPop" },
-            { name: 'NotificationPop' },
+            { name: "NotificationPop" },
-            { name: 'SuccessFullWidth' },
+            { name: "SuccessFullWidth" },
-            { name: 'InfoFullWidth' },
+            { name: "InfoFullWidth" },
-            { name: 'WarningFullWidth' },
+            { name: "WarningFullWidth" },
-            { name: 'ErrorFullWidth' },
+            { name: "ErrorFullWidth" },
-
         ],
     },
     {
-        name: 'Authentication',
+        name: "Authentication",
-        components: [
+        components: [{ name: "SimpleLogin" }, { name: "LoginWithSideImage" }],
-            { name: 'SimpleLogin' },
-            { name: 'LoginWithSideImage' },
-        ]
     },
     {
-        name: 'Cards',
+        name: "Cards",
         components: [
-            { name: 'Article' },
+            { name: "Article" },
-            { name: 'ArticleWithSMIcons' },
+            { name: "ArticleWithSMIcons" },
-            { name: 'ArticleWithImage' },
+            { name: "ArticleWithImage" },
-            { name: 'Product' },
+            { name: "Product" },
-            { name: 'ProductWithEvaluation' },
+            { name: "ProductWithEvaluation" },
-            { name: 'SimpleProduct' },
+            { name: "SimpleProduct" },
-            { name: 'Testimonial' },
+            { name: "Testimonial" },
-            { name: 'User' },
+            { name: "User" },
-            { name: 'UserWithDetails' },
+            { name: "UserWithDetails" },
         ],
     },
     {
-        name: 'Forms',
+        name: "Forms",
+        components: [{ name: "Simple" }, { name: "Newsletter" }],
+    },
+    {
+        name: "Navbars",
         components: [
-            { name: 'Simple' },
+            { name: "ECommerce" },
-            { name: 'Newsletter' },
+            { name: "WithSearch" },
+            { name: "WithAvatar" },
         ],
     },
     {
-        name: 'Navbars',
+        name: "Heros",
         components: [
-            { name: 'ECommerce' },
+            { name: "ECommerce" },
-            { name: 'WithSearch' },
+            { name: "WithImage" },
-            { name: 'WithAvatar' },
+            { name: "WithPattern" },
-        ]
-    },
-    {
-        name: 'Heros',
-        components: [
-            { name: 'ECommerce' },
-            { name: 'WithImage' },
-            { name: 'WithPattern' },
         ],
     },
     {
-        name: 'Sections',
+        name: "Sections",
         components: [
-            { name: 'AboutMe' },
+            { name: "AboutMe" },
-            { name: 'Feature' },
+            { name: "Feature" },
-            { name: 'OurTeam' },
+            { name: "OurTeam" },
-            { name: 'ParagraphWithImage' },
+            { name: "ParagraphWithImage" },
-        ]
+        ],
     },
     {
-        name: 'Paginations',
+        name: "Paginations",
-        components: [
+        components: [{ name: "Simple" }],
-            { name: 'Simple' },
-        ]
     },
     {
-        name: 'Footers',
+        name: "Footers",
         components: [
-            { name: 'Simple' },
+            { name: "Simple" },
-            { name: 'WithDetails' },
+            { name: "WithDetails" },
-            { name: 'WithSubscribeForm' },
+            { name: "WithSubscribeForm" },
-        ]
+        ],
     },
-]
+];

src/models/ComponentsFilter.js

@@ -1,7 +1,6 @@
 import components from "./Components";
 
 export default class ComponentsFilter {
-
     constructor() {
         this.components = components;
     }
@@ -11,16 +10,16 @@ export default class ComponentsFilter {
     }
 
     whereCategory(category) {
+        if (this.isEmpty(category)) return this.components;
 
-        if(this.isEmpty(category)) return this.components;
+        let pattern = new RegExp(`^${category}`, "i");
 
-        let pattern = new RegExp(`^${category}`, 'i');
+        return this.components.filter((category) =>
-
+            category.name.match(pattern)
-        return this.components.filter(category => category.name.match(pattern));
+        );
     }
 
     isEmpty(string) {
         return string.length === 0;
     }
-
 }