refactored

Author: zonayedpca

gatsby-node.js

@@ -39,6 +39,7 @@ exports.createPages = ({ actions, graphql }) => {
       const edges = res.data.allFile.edges
       for (let i = 0; i < edges.length; i++) {
         const filename = edges[i].node.name
+        console.log(filename)
         const { data: contributorsRaw } = await axios.get(
           `https://api.github.com/repos/devsonket/devsonket.github.io/commits?path=data/${filename}.json`,
           {

src/components/common/description.js

@@ -1,6 +1,5 @@
 import React from "react"
 import styled from "@emotion/styled"
-import Contributors from "../contributors"
 
 const DescriptionContainer = styled.div`
   text-align: center;

src/components/content.js

@@ -1,91 +1,9 @@
-// import React from "react"
-// import styled from "@emotion/styled"
-
-// import { Sheet } from "./common"
-
-// const SingleContent = styled.div`
-//   display: flex;
-//   flex-flow: row wrap;
-//   & > div {
-//     margin: 15px;
-//     flex: 1 1 calc(50% - 30px);
-//     @media print {
-//       margin: 15px 50px;
-//     }
-//     @media only screen and (max-width: 668px) {
-//       flex-basis: calc(100% - 20px);
-//       margin: 0 10px;
-//       margin-bottom: 15px;
-//     }
-//     @media print {
-//       flex-basis: 100%;
-//     }
-//   }
-// `
-
-// const SheetTitle = styled.div`
-//   display: flex;
-//   flex-wrap: wrap;
-//   align-items: center;
-//   justify-content: space-between;
-//   & a {
-//     text-decoration: none;
-//     background: #00000080;
-//     color: #fff;
-//     font-weight: 900;
-//     text-transform: uppercase;
-//     font-size: 13px;
-//     padding: 1px 10px;
-//     border-radius: 4px;
-//     margin-bottom: 15px;
-//     opacity: 0;
-//   }
-// `
-
-// const Content = ({ data }) => (
-//   <SingleContent>
-//     {data.contents.map(({ title, items, code: onlyCode }, index) => (
-//       <Sheet id={index + 1} key={index}>
-//         <SheetTitle className="sheet-title">
-//           <h3>{title}</h3>
-//           <a href={`/${data.slug}/#${index + 1}`}>Link</a>
-//         </SheetTitle>
-//         <ul className="single-item">
-//           {items ? (
-//             items.map(({ definition, code }, index) => (
-//               <li key={index} className="item">
-//                 {definition && (
-//                   <p
-//                     className="def"
-//                     dangerouslySetInnerHTML={{ __html: definition }}
-//                   />
-//                 )}
-//                 {code && (
-//                   <pre className="code">
-//                     <code>{code}</code>
-//                   </pre>
-//                 )}
-//               </li>
-//             ))
-//           ) : (
-//             <pre className="code">
-//               <code>{onlyCode}</code>
-//             </pre>
-//           )}
-//         </ul>
-//       </Sheet>
-//     ))}
-//   </SingleContent>
-// )
-
-// export default Content
-
 import React from "react"
 import styled from "@emotion/styled"
 
 import AllItems from "./allitems"
 
-import { Container, Curve, Section, ThinContainer } from "./common"
+import { Curve, Section, ThinContainer } from "./common"
 import PopularItems from "./popularitems"
 import Item from "./item"
 

src/components/intro.js

@@ -5,7 +5,7 @@ import Header from "./header"
 import IntroHome from "./introhome"
 import IntroItem from "./introitem"
 
-import { Container, Logo, ThinContainer } from "./common"
+import { Container, ThinContainer } from "./common"
 
 const IntroContainer = styled.div`
   background: ${props => props.colorpref};

src/components/introitem.js

@@ -1,7 +1,6 @@
 import React from "react"
 import styled from "@emotion/styled"
 import { FiPrinter } from "react-icons/fi"
-import SearchResult from "./searchresult"
 import { ThinContainer, Description } from "./common"
 import SocialShare from "./socialshare"
 import Contributors from "./contributors"

src/components/navbar.js

@@ -22,19 +22,6 @@ const Navbar = styled.nav`
   ul li {
     display: inline-block;
   }
-  /* li.btn-add {
-    float: right;
-    @media only screen and (max-width: 460px) {
-      display: none;
-    }
-  } */
-  /* .btn-add a {
-    background-color: #4caf50;
-    color: #fff;
-    text-decoration: none;
-    padding: 5px 10px;
-    border-radius: 4px;
-  } */
 `
 
 export default () => (

src/components/printcontent.js

@@ -1,9 +1,8 @@
-import React, { useState, useEffect } from "react"
+import React from "react"
 import styled from "@emotion/styled"
-import axios from "axios"
 
 import { PrintSheet, Logo, Button } from "./common"
-import { cheatsheetMap, contributorMap } from "../utils"
+import { cheatsheetMap } from "../utils"
 
 import githubLogo from "../images/github.png"
 

src/components/searchresult.js

@@ -167,6 +167,7 @@ const SearchResult = () => {
                   ) {
                     return edge
                   }
+                  return false
                 })
               }
               const data = matchNums.map(one => edges[one])

src/components/socialshare.js

@@ -20,7 +20,8 @@ const SocialShareContainer = styled.div`
     list-style: none;
     li {
       margin: 0 5px;
-      a {
+      a,
+      span {
         cursor: pointer;
         display: inline-block;
         background: ${props =>
@@ -95,9 +96,9 @@ const SocialShare = ({ id, description, islightcolor }) => {
           </a>
         </li>
         <li>
-          <a onClick={handleCopy}>
+          <span onClick={handleCopy}>
             <FiLink />
-          </a>
+          </span>
         </li>
       </ul>
     </SocialShareContainer>