refactor of code has been done

src/components/Repos.js

@@ -1,26 +1,42 @@
 import React from 'react'
+
 import Pie from "./Charts/pie"
+
 import Column from "./Charts/Column"
+
 import { GithubContext  } from "../Context/Context"; 
+
 import Doughnut from "./Charts/Doughnut" 
+
 import Bar from "./Charts/Bar";
 
 
 const  Repos  = () =>  {
 
     const {repos } = React.useContext( GithubContext ); 
+
     const  languages = repos.reduce((total, item) =>{
+
         const {language, stargazers_count } = item;
+
         if(!language) return total;
+
         if(!total[language]){
+
             total[language] = {
+
                 label: language, value:1,
+
                 stars: stargazers_count
+
             }; 
+
      }
     else{
             total[language] = {...total[language], value:total[language].value + 1,
+
             stars: total[language].stars + stargazers_count,
+
         };
     }
     return total;
@@ -29,16 +45,21 @@ const  Repos  = () =>  {
 
 
  const mostUsed  = Object.values(languages).sort((a, b) =>{
+
      return b.value - a.value
+
  }).slice(0,5)
 
  // most start per lange 
 
 
  const mostPopular = Object.values(languages).sort((a,b) =>{
      return b.stars - a.stars;
- }).map((item) =>{
+
+ }).map((item) => {
+
      return {...item, value:item.stars}
+
  }); 
 
 
@@ -47,17 +68,21 @@ const  Repos  = () =>  {
  let {stars, forks } = repos.reduce((total, item) =>{
 
     const {stargazers_count, name , forks} = item;
+
     total.stars[stargazers_count] = {label:name, value: stargazers_count};
+
     total.forks[forks] = {label:name, value:forks}
 
     return total;
  },
  {
     stars:{},
+
     forks:{},
  });
 
  stars = Object.values(stars).slice(-5).reverse();
+
  forks = Object.values(forks).slice(-5).reverse();
 
     return (
@@ -85,4 +110,4 @@ const  Repos  = () =>  {
     )
 }
 
-export default Repos;
+export default Repos