Merge pull request #112 from mohd-raza/pull-error

Pull Error with Solution

Author: devvsakib

src/components/Contributors/contributors.jsx

@@ -1,62 +1,85 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect } from "react";
 // import Data from '../../data/Contributors.json';
-import Layout from '../../components/Layout/Layout';
-import './css/index.css';
+import Layout from "../../components/Layout/Layout";
+import "./css/index.css";
 
 function Contribute() {
   const userURL = "https://api.github.com/users/";
-  const url = "https://api.github.com/repos/devvsakib/github-error-solve/contributors"
+  const url =
+    "https://api.github.com/repos/devvsakib/github-error-solve/contributors";
   const [data, setData] = useState([]);
   const [loading, setLoading] = useState(true);
   useEffect(() => {
-    setLoading(false)
+    setLoading(false);
     const fetchUsers = async (url) => {
       const response = await fetch(url);
       const users = await response.json();
-      setData(users)
-      setLoading(true)
-    }
-    fetchUsers(url)
-  }, [data.length])
+      setData(users);
+      setLoading(true);
+    };
+    fetchUsers(url);
+  }, [data.length]);
 
   // fun purpose, but looks better, isn't it?
   const changeColor = () => {
-    const colorArray = ["4024e0", "1a5ba5", "118d7c", "8d54e1", "40E4F0", "7e1aa5"]
+    const colorArray = [
+      "4024e0",
+      "1a5ba5",
+      "118d7c",
+      "8d54e1",
+      "40E4F0",
+      "7e1aa5",
+    ];
     let element;
 
-    return element = colorArray[Math.floor(Math.random() * 6)];
-  }
+    return (element = colorArray[Math.floor(Math.random() * 6)]);
+  };
   return (
     <Layout>
-      <section className='flex flex-wrap justify-center'>
+      <section className="flex flex-wrap justify-center">
         {
           // User filtered by CONTRIBUTIONS number, contribute more to jump in first place
 
-          loading ? (data.map(user =>
-            <div
-              id="container"
-              className={`py-4 mb-4 col-span-12 md:col-span-6 xl:col-span-4 md:px-6 border-l-4 rounded-lg bg-dark-secondary flex flex-col mt-8 items-center mx-auto gap-2 px-3 border-[#${changeColor()}] hover:border-primary hover:text-primary`}>
-              <h1>{user.login} <small className='text-violet-400 container:hover:text-white'>{user.contributions}</small></h1>
-              <img className='pfp' src={user.avatar_url} />
-              <div className="links">
-                <a className='spf-link' href={user.html_url}>Github</a>
-                <a className='spf-link' href={user.twiter}>Twiter</a>
-                {/* spf-link : abbreviation of (specific-link) for css */}
+          loading ? (
+            data.map((user) => (
+              <div
+                id="container"
+                className={`py-4 mb-4 col-span-12 md:col-span-6 xl:col-span-4 md:px-6 border-l-4 rounded-lg bg-dark-secondary flex flex-col mt-8 items-center mx-auto gap-2 px-3 border-[#${changeColor()}] hover:border-primary hover:text-primary`}
+              >
+                <h1>
+                  {user.login}{" "}
+                  <small className="text-violet-400 container:hover:text-white">
+                    {user.contributions}
+                  </small>
+                </h1>
+                <img className="pfp" src={user.avatar_url} />
+                <div className="links">
+                  <a className="spf-link" href={user.html_url}>
+                    Github
+                  </a>
+                  <a className="spf-link" href={user.twiter}>
+                    Twiter
+                  </a>
+                  {/* spf-link : abbreviation of (specific-link) for css */}
+                </div>
               </div>
-            </div>
-          )
+            ))
           ) : (
-            <div className='translate-y-[4rem]'>
-              <img src="/assets/run.gif" 
-              className='w-1/2 mx-auto'
-              alt="Running Gif" />
-              <h1 className='text-center md:text-2xl text-white'>Contributors coming...</h1>
+            <div className="translate-y-[4rem]">
+              <img
+                src="/assets/run.gif"
+                className="w-1/2 mx-auto"
+                alt="Running Gif"
+              />
+              <h1 className="text-center md:text-2xl text-white">
+                Contributors coming...
+              </h1>
             </div>
           )
         }
       </section>
     </Layout>
-  )
+  );
 }
 
-export default Contribute
+export default Contribute;

src/data/error.json

@@ -137,6 +137,12 @@
       "title": "ssl certificate problem unable to get local issuer certificate",
       "description": "It is a common git error encountered by users when attempting to push, pull, or clone a git repository with Git Bash, a Windows-specific command-line tool.",
       "solutions": "{'git -c http.sslVerify=false clone [URL]':'Command to disable SSL certificate validation in git locally. For security considerations, it is not advised to disable SSL certificate validation. However, it is a possible solution to this issue.'}"
+    },
+    {
+      "type": "pull",
+      "title": "error: failed to push some refs to 'https://github.com/…'",
+      "description": "This error occurs when you try to push to a repository but your local branch is behind the remote branch and you need to pull the changes first.",
+      "solutions": "git fetch origin <git status <git merge origin/REMOTE-BRANCHNAME <\"local and remote changes needs to be resolved before pushing your changes.\"  <git push origin BRANCHNAME"
     }
   ]
-}
+}