refactor(chart.js): fetch max repos per chart from config file

Author: wildan3105

public/js/chart.js

@@ -1,6 +1,8 @@
 /* eslint-disable no-useless-escape */
 /* eslint-disable no-undef */
 /* eslint-disable no-unused-vars */
+const { MAX_REPOS_PER_CHART } = require('../../src/config');
+
 const sum = (array) => {
     if (array.length === 0) {
         return 0;
@@ -56,7 +58,7 @@ const chart = ({ limit, singleColor }) => {
     }
     const labels = keys.slice(0, limit);
     const data = values.slice(0, limit);
-    if (keys.length > 20) {
+    if (keys.length > MAX_REPOS_PER_CHART) {
         const valueOthers = sum(values.slice(limit, keys.length));
         labels.push('Others');
         data.push(valueOthers);
@@ -133,7 +135,7 @@ const chart = ({ limit, singleColor }) => {
 const toggleColor = () => {
     window.chart.destroy();
     // eslint-disable-next-line no-undef
-    singleColor = chart({ limit: 20, singleColor: !singleColor });
+    singleColor = chart({ limit: MAX_REPOS_PER_CHART, singleColor: !singleColor });
     const btn = document.getElementById('btn-toggle');
 
     btn.classList.toggle('active');

src/api/controller.js

@@ -137,6 +137,7 @@ exports.index = async (req, res) => {
                 });
         })
         .catch((err) => {
+            // handle rate limit error here
             if (err.response.data.message === 'Not Found') {
                 res.render('layouts/main', {
                     ..._.defaults({ msg: 'User was not found' }, defaultRenderValue)