New design, added category & bug fixes

pages/api/all.js

@@ -0,0 +1,6 @@
+import db from "data/icons";
+
+// 📦 Show all content ->
+export default function handler(req, res) {
+  res.status(200).json(db);
+}

pages/api/categories.js

@@ -0,0 +1,13 @@
+import db from "data/icons";
+
+// 📦 Show categories ->
+export default function handler(req, res) {
+  try {
+    const categories = db
+      .map((item) => item.category)
+      .filter((category, index, self) => self.indexOf(category) === index);
+    return res.status(200).json(categories);
+  } catch (err) {
+    res.status(400).json({ message: err });
+  }
+}

pages/api/search.js

@@ -1,7 +1,7 @@
 import db from "data/icons";
 
 export default function handler(req, res) {
-  const { id, q } = req.query;
+  const { id, q, c } = req.query;
 
   // 🔎 Search by id (ex: ?id=1) ->
   if (id) {
@@ -18,6 +18,15 @@ export default function handler(req, res) {
     return res.status(200).json(results);
   }
 
+  // 🔎 Search by category (ex: ?c=library) ->
+  if (c) {
+    const results = db.filter((product) => {
+      const { category } = product;
+      return category.toLowerCase().includes(c.toLowerCase());
+    });
+    return res.status(200).json(results);
+  }
+
   // ✖ Error ->
   res.status(400).json({ info: 'Error: api query not found.' });
 }