contribution api limit problem solved-1

Author: zonayedpca

src/components/Content.js

@@ -30,8 +30,14 @@ class Content extends Component {
   getData = async(id) => {
     try {
       const { data } = await axios(`https://raw.githubusercontent.com/devsonket/devsonket.github.io/develop/data/${id}.json`);
-      let { data: contributor } = await axios(`https://api.github.com/repos/devsonket/devsonket.github.io/commits?path=data/${id}.json`);
-      contributor = contributorMap(contributor);
+      let contributorRaw = await axios(`https://api.github.com/repos/devsonket/devsonket.github.io/commits?path=data/${id}.json`);
+      console.log(contributorRaw); // kept this to check the behaviour as I can't recreate the scenario
+      let { data: contributor } = contributorRaw;
+      if(contributorRaw.status !== 200) {
+        contributor = null;
+      } else {
+        contributor = contributorMap(contributor);
+      }
       this.setState({data, contributor});
       this.setTitle();
     } catch(e) {

src/components/HeaderContent.js

@@ -14,7 +14,7 @@ export default class HeaderContent extends PureComponent {
           <div className="intro">
             <h1>{title}</h1>
             <p>{description}</p>
-            <ul className="contributor no-print">
+            {contributor && <ul className="contributor no-print">
               <p>কন্ট্রিবিউটর</p>
               {Object.keys(contributor).map(oneContributor => (
                 <li key={oneContributor}>
@@ -24,7 +24,7 @@ export default class HeaderContent extends PureComponent {
                   </div>
                 </li>
               ))}
-            </ul>
+            </ul>}
             <div className="print no-print">
               <button className="btn btn-print" onClick={() => window.print()}>প্রিন্ট করুন</button>
             </div>