Add app component

5 years ago · 088badc987
3 changed files with 20 additions and 12 deletions
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@ -1,16 +1,14 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Ditto Blockchain</title>
-</head>
-<body>
+  </head>
+  <body>
    <div id="root"></div>

-    <script src="../dist/index.js"></script>
-</body>
+    <script src="../src/index.js"></script>
+  </body>
 </html>
-
-
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@ -0,0 +1,9 @@
+import React, { useState } from "react";
+
+export default function App() {
+  return (
+    <div>
+      <h1>Hello from App!</h1>
+    </div>
+  );
+}
--- a/frontend/src/index.js
+++ b/frontend/src/index.js
@ -1,4 +1,5 @@
-import React from "react"
+import React from "react";
 import ReactDOM from "react-dom";
+import App from "./App";

-ReactDOM.render(<h1>Hello World</h1>, document.getElementById("root"))
+ReactDOM.render(<App />, document.getElementById("root"));