Added numOfrepos as prop

msmfa · msmfa · commit f29b87f2f006 · 2020-05-13T10:17:10.000+01:00
diff --git a/example/src/App.js b/example/src/App.js
@@ -6,7 +6,7 @@ import "github-repo-display-react/dist/index.css"
 const App = () => {
   return (
     <div className='repos'>
-      <GithubRepoDisplay userName='msmfa' />
+      <GithubRepoDisplay numOfrepos={5} userName='msmfa' />
     </div>
   )
 }
diff --git a/src/index.js b/src/index.js
@@ -9,21 +9,21 @@ const fetchApiData = async (username) => {
   return response.data
 }
 
-function GetRepoData({ userName }) {
+function GetRepoData({ userName, numOfrepos }) {
   const [repoData, setRepoData] = useState([])
 
   useEffect(() => {
     fetchApiData(userName).then(setRepoData)
   }, [userName])
 
-  return <DisplaySortedRepoData numOfrepos={3} repoData={repoData} />
+  return <DisplaySortedRepoData numOfrepos={numOfrepos} repoData={repoData} />
 }
 
-export const GithubRepoDisplay = ({ userName }) => {
+export const GithubRepoDisplay = ({ userName, numOfrepos }) => {
   return (
     <div className={styles.test}>
       {" "}
-      <GetRepoData userName={userName} />
+      <GetRepoData numOfrepos={numOfrepos} userName={userName} />
     </div>
   )
 }

Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@ import "github-repo-display-react/dist/index.css"`
`6`	`6`	`const App = () => {`
`7`	`7`	`return (`
`8`	`8`	`<div className='repos'>`
`9`		`- <GithubRepoDisplay userName='msmfa' />`
	`9`	`+ <GithubRepoDisplay numOfrepos={5} userName='msmfa' />`
`10`	`10`	`</div>`
`11`	`11`	`)`
`12`	`12`	`}`
Original file line number	Diff line number	Diff line change
`@@ -9,21 +9,21 @@ const fetchApiData = async (username) => {`
`9`	`9`	`return response.data`
`10`	`10`	`}`
`11`	`11`
`12`		`-function GetRepoData({ userName }) {`
	`12`	`+function GetRepoData({ userName, numOfrepos }) {`
`13`	`13`	`const [repoData, setRepoData] = useState([])`
`14`	`14`
`15`	`15`	`useEffect(() => {`
`16`	`16`	`fetchApiData(userName).then(setRepoData)`
`17`	`17`	`}, [userName])`
`18`	`18`
`19`		`- return <DisplaySortedRepoData numOfrepos={3} repoData={repoData} />`
	`19`	`+ return <DisplaySortedRepoData numOfrepos={numOfrepos} repoData={repoData} />`
`20`	`20`	`}`
`21`	`21`
`22`		`-export const GithubRepoDisplay = ({ userName }) => {`
	`22`	`+export const GithubRepoDisplay = ({ userName, numOfrepos }) => {`
`23`	`23`	`return (`
`24`	`24`	`<div className={styles.test}>`
`25`	`25`	`{" "}`
`26`		`- <GetRepoData userName={userName} />`
	`26`	`+ <GetRepoData numOfrepos={numOfrepos} userName={userName} />`
`27`	`27`	`</div>`
`28`	`28`	`)`
`29`	`29`	`}`