Repocard etc

components/repocard.tsx

@@ -0,0 +1,17 @@
+import styled from "styled-components"
+// import Link from "next/link"
+import React, {useState} from "react"
+
+const RepoCardCont = styled.div`
+	display: flex;
+`
+
+const RepoCard = () => {
+	return (
+		<RepoCardCont>
+
+		</RepoCardCont>
+	)
+}
+
+export default RepoCard

package.json

@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "classnames": "^2.3.1",
+    "graphql": "^16.5.0",
     "next": "12.2.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",

yarn.lock

@@ -1162,6 +1162,11 @@ globby@^11.1.0:
     merge2 "^1.4.1"
     slash "^3.0.0"
 
+graphql@^16.5.0:
+  version "16.5.0"
+  resolved "https://registry.yarnpkg.com/graphql/-/graphql-16.5.0.tgz#41b5c1182eaac7f3d47164fb247f61e4dfb69c85"
+  integrity sha512-qbHgh8Ix+j/qY+a/ZcJnFQ+j8ezakqPiHwPiZhV/3PgGlgf96QMBB5/f2rkiC9sgLoy/xvT6TSiaf2nTHJh5iA==
+
 has-bigints@^1.0.1, has-bigints@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz"