File tree Expand file tree Collapse file tree 1 file changed +0
-64
lines changed Expand file tree Collapse file tree 1 file changed +0
-64
lines changed Original file line number Diff line number Diff line change @@ -315,71 +315,7 @@ seu nome de usuário do github e a palavra-chave (determinados por você).
315315 export default App;
316316```
317317
318-
319- #### <a href = " https://typicode.github.io/husky/#/" ><img alt = " Javascript" width = " 35" height = " 35" src = " https://user-images.githubusercontent.com/59892368/219095850-0a4e6f54-d524-4deb-be2c-fda358aba84d.svg" ><a />
320-
321- ```typescript
322- import './App.css';
323- import { useEffect , useState } from 'react';
324- import { useGithubAutomatedRepos , ProjectIcon , StackIcon , IGithubRepos } from 'github-automated-repos';
325- function App() {
326- {/* useGithubAutomatedRepos hook*/ }
327- const { dataReposGithub } = useGithubAutomatedRepos ()
328- const [repository , setRepository ] = useState <IGithubRepos []>([])
329-
330- useEffect (() => {
331- {/* Put here your github Name*/ }
332- fetch (' https://api.github.com/users/usernameGitHub/repos?sort=created&per_page=999' )
333- .then (response => response .json ())
334- .then (data => setRepository (dataReposGithub (data , ' deploy' ))); {/* <-- keyWord*/ }
335- }, [])
336-
337- return (
338- <div className = " App" >
339- {
340- repository .map ((item ) => {
341- return (
342- <div key = { item .id } >
343-
344- { /* Project Icon*/ }
345- { item .topics .map ((icon ) => {
346- return (
347- <ProjectIcon key = { icon } className = " project_Icon" iconItem = { icon } />
348- )
349- })}
350-
351- { /* html Url*/ }
352- <a href = { item .html_url } >
353- { /* Name Project*/ }
354- <h1 >{ item .name } </h1 >
355- </a >
356318
357- { /* Description*/ }
358- <p >{ item .description } </p >
359-
360- { /* Homepage*/ }
361- <a href = { item .homepage } >
362- <h3 >Homepage</h3 >
363- </a >
364-
365- { /* Stacks Icon*/ }
366- { item .topics .map ((icon ) => {
367- return (
368- <StackIcon key = { icon } className = " stack_Icon" iconItem = { icon } />
369- )
370- })}
371-
372- </div >
373-
374- )
375- })
376- }
377- </div >
378- );
379-
380- }
381- export default App;
382- ```
383319
384320 <!------------------------------------Framework Settings-->
385321
You can’t perform that action at this time.
0 commit comments