{"version":3,"sources":["Components/Footer/index.tsx","Components/Navbar/index.tsx","pages/Home/index.tsx","utils/requests.ts","pages/Search/Components/ContentLoaders/ImageLoader.tsx","pages/Search/Components/ContentLoaders/InfoLoader.tsx","pages/Search/Components/ProfileDetails/index.tsx","pages/Search/index.tsx","Routes.tsx","App.tsx","index.tsx"],"names":["Footer","href","Navbar","to","Home","className","makeRequest","method","githubUser","data","params","axios","url","ImageLoader","speed","width","height","viewBox","backgroundColor","foregroundColor","x","y","rx","ry","InfoLoader","ProfileDetails","userName","useState","profile","setProfile","isLoading","setIsLoading","useEffect","then","response","finally","src","avatar_url","alt","name","title","html_url","target","rel","public_repos","followers","following","company","blog","location","dayjs","created_at","format","Search","inputGithubUserName","setInputGithubUserName","setUserName","onSubmit","event","preventDefault","value","type","placeholder","onChange","Routes","path","exact","App","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.eaa804c4.chunk.js","sourcesContent":["import React from 'react';\nimport './styles.scss';\n\nconst Footer = () => (\n    <footer>\n        <a href=\"https://github.com/tarcnux/github-user-search\">\n            <p>Código Fonte no Github</p>\n        </a>        \n    </footer>\n);\n\nexport default Footer;","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport './styles.scss';\n\nconst Navbar = () => (\n    <nav>\n        <Link to=\"/\">\n            <p>Bootcamp DevSuperior</p>\n        </Link>\n    </nav>\n);\n\nexport default Navbar;","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport './styles.scss';\n\nconst Home = () => (\n    <main className=\"home-container\">\n        <h1>\n            Desafio do Capítulo 3, <br />\n            Bootcamp DevSuperior\n        </h1>\n        <p>\n            Bem-vindos ao desafio do capítulo 3 do Bootcamp DevSuperior.\n        </p>\n\n        <p>\n            Favor observar as instruções passadas no capítulo sobre a <br />\n        elaboração deste projeto.\n        </p>\n\n        <p>\n            Este design foi adaptado a partir de Ant Design System for Figma, de <br />\n            Mateusz Wierzbicki: \n            <a href=\"mailto:antforfigma@gmail.com\"> antforfigma@gmail.com</a>\n        </p>\n        <Link to=\"/search\">\n            <button>Começar</button>\n        </Link>\n    </main>\n);\n\nexport default Home;","import axios, {Method} from 'axios';\n\n\ntype RequestParams = {\n    method?: Method;\n    githubUser: string;\n    data?: object;\n    params?: object;\n}\n\nconst BASE_URL = 'https://api.github.com/users/';\n\nconst makeRequest = ({method = \"GET\", githubUser, data, params}:RequestParams) => {\n    return axios({\n        method,\n        url: `${BASE_URL}${githubUser}`,\n        data,\n        params\n    });\n}\n\nexport default makeRequest;","import React from \"react\"\nimport ContentLoader from \"react-content-loader\"\n\nconst ImageLoader = () => (\n  <ContentLoader \n    speed={2}\n    width={400}\n    height={460}\n    viewBox=\"0 0 400 460\"\n    backgroundColor=\"#dedede\"\n    foregroundColor=\"#f5f5f5\"\n  >\n    <rect x=\"19\" y=\"23\" rx=\"2\" ry=\"2\" width=\"284\" height=\"284\" /> \n    <rect x=\"23\" y=\"319\" rx=\"0\" ry=\"0\" width=\"155\" height=\"48\" />\n  </ContentLoader>\n)\n\nexport default ImageLoader","import React from \"react\"\nimport ContentLoader from \"react-content-loader\"\n\nconst InfoLoader = () => (\n  <ContentLoader \n    speed={2}\n    width={870}\n    height={260}\n    viewBox=\"0 0 870 260\"\n    backgroundColor=\"#dedede\"\n    foregroundColor=\"#f5f5f5\"\n  >\n    <rect x=\"0\" y=\"0\" rx=\"2\" ry=\"2\" width=\"870\" height=\"260\" />\n  </ContentLoader>\n)\n\nexport default InfoLoader","import dayjs from 'dayjs';\nimport React, { useEffect, useState } from 'react';\nimport { Profile } from 'types/Profile';\nimport makeRequest from 'utils/requests';\nimport ImageLoader from '../ContentLoaders/ImageLoader';\nimport InfoLoader from '../ContentLoaders/InfoLoader';\nimport './styles.scss';\n\ntype Props = {\n    userName: string;\n}\n\nconst ProfileDetails = ({ userName }: Props) => {\n\n    const [profile, setProfile] = useState<Profile>();\n    const [isLoading, setIsLoading] = useState(false);\n    \n    useEffect(() => {\n        setIsLoading(true);\n        makeRequest({ githubUser: userName })\n            .then(response => setProfile(response.data))\n            .finally(() => {\n                setIsLoading(false);\n            });\n    }, [userName]);\n\n    return (\n        <section className=\"profile-details-container\">\n            <section className=\"profile-details-esquerda\">\n                {isLoading ? <ImageLoader /> : (\n                    <>\n                        <img src={profile?.avatar_url} alt={profile?.name} title={profile?.name} />\n                        <a href={profile?.html_url} target=\"_blank\" rel=\"noreferrer\">\n                            <button>Ver perfil</button>\n                        </a>\n                    </>\n                )}\n            </section>\n            <section className=\"profile-details-direita\">\n                {isLoading ? <InfoLoader /> : (\n                    <>\n                        <div className=\"linha-superior\">\n                            <span className=\"pilula\">Repositórios públicos: {profile?.public_repos}</span>\n                            <span className=\"pilula\">Seguidores: {profile?.followers}</span>\n                            <span className=\"pilula\">Seguindo: {profile?.following}</span>\n                        </div>\n                        <div className=\"linha-inferior\">\n                            <h3>Informações</h3>\n                            <div className=\"linha\">\n                                <strong>Empresa: </strong>\n                                {profile?.company}\n                            </div>\n                            <div className=\"linha\">\n                                <strong>Website/Blog: </strong>\n                                <a href={profile?.blog} target=\"_blank\" rel=\"noreferrer\">{profile?.blog}</a>\n                            </div>\n                            <div className=\"linha\">\n                                <strong>Localidade: </strong>\n                                {profile?.location}\n                            </div>\n                            <div className=\"linha\">\n                                <strong>Membro desde: </strong>\n                                {dayjs(profile?.created_at)\n                                    .format('DD/MM/YYYY')}\n                            </div>\n                        </div>\n                    </>\n                )}\n            </section>\n        </section>\n    );\n}\n\nexport default ProfileDetails;","import React, { useState } from 'react';\nimport ProfileDetails from './Components/ProfileDetails';\nimport './styles.scss';\n\nconst Search = () => {\n\n    const [inputGithubUserName, setInputGithubUserName] = useState('');\n    const [userName, setUserName] = useState('');\n\n    const handleOnChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        setInputGithubUserName(event.target.value);\n    }\n\n    const handleOnSubmit = (event: React.FormEvent<HTMLFormElement> ) => {\n        event.preventDefault();\n        setUserName(inputGithubUserName);\n        setInputGithubUserName('');\n    };\n\n    return (\n        <>\n            <header className=\"header-container\">\n                <h1>Encontre um perfil no Github</h1>\n                <form onSubmit={handleOnSubmit}>\n                    <input\n                        value={inputGithubUserName}\n                        type=\"text\"\n                        name=\"githubUserName\"\n                        placeholder=\"Usuário Github\"\n                        onChange={handleOnChange}\n                    />\n                    <button>Encontrar</button>\n                </form>\n            </header>\n            {userName && <ProfileDetails userName={userName} />}\n            \n        </>\n    )\n};\n\nexport default Search;","import Footer from 'Components/Footer';\nimport Navbar from 'Components/Navbar';\nimport Home from 'pages/Home';\nimport Search from 'pages/Search';\nimport React from 'react';\nimport { BrowserRouter, Route, Switch }  from 'react-router-dom';\n\nconst Routes = () => (\n\n    <BrowserRouter>\n        <Navbar />\n        <Switch>\n            <Route path=\"/\" exact>\n                <Home />\n            </Route>\n            <Route path=\"/search\">\n                <Search />\n            </Route>\n        </Switch>\n        <Footer />\n    </BrowserRouter>\n);\n\n\nexport default Routes;","import React from 'react';\nimport Routes from 'Routes';\nimport './app.scss';\n\nconst App = () => {\n    return (\n        <Routes />\n    );\n}\n\nexport default App;","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\n\nReactDOM.render(\n  <App /> ,\n  document.getElementById('root')\n);\n"],"sourceRoot":""}