Q4 Reactjs

App.js

@@ -0,0 +1,23 @@
+import React, { useState } from "react";
+import "./App.css";
+import GitHubLogin from "./GithubLogin";
+
+function App() {
+  const [name, setName] = useState("Samsul Arifin");
+
+  return (
+    <div className="App">
+      <header className="App-header">
+        {name && <h2>Hai {name}</h2>}
+        <GitHubLogin
+          clientId=""
+          redirectUri=""
+          onSuccess={(name) => setName(name)}
+          onFailure={(resp) => console.log(resp)}
+        />
+      </header>
+    </div>
+  );
+}
+
+export default App;

src/App.js

@@ -3,7 +3,7 @@ import "./App.css";
 import GitHubLogin from "./GithubLogin";
 
 function App() {
-  const [name, setName] = useState("");
+  const [name, setName] = useState("Samsul Arifin");
 
   return (
     <div className="App">