Landing page element and logo

Relates #2 #8 Co-authored-by: shaya <[email protected]>
fac20 · Sep 17, 2020 · d8860d4 · d8860d4
1 parent 6e3a5a8
commit d8860d4
Show file tree

Hide file tree

Showing 6 changed files with 30 additions and 5 deletions.
diff --git a/public/Sword-Fish-Fencing.png b/public/Sword-Fish-Fencing.png
diff --git a/public/logo192.png b/public/logo192.png
diff --git a/public/logo512.png b/public/logo512.png
diff --git a/public/robots.txt b/public/robots.txt
diff --git a/src/App.js b/src/App.js
@@ -5,21 +5,28 @@ import { getRandomFishData } from "./modules/fetch-helper";
 
 function App() {
   const [fishData, setFishData] = React.useState(null);
-  console.log(fishData);
+  // opponentFish data
+
+  // button activated effect - rejects button
   React.useEffect(() => {
     getRandomFishData().then((data) => {
       setFishData(data);
     });
   }, []);
 
   return (
+    // return landing page on first load - logo and randomizer button
+    // <img src={logo} className="App-logo" alt="logo" />
     <div className="App">
       <header className="App-header"></header>
+      {/* title - some kind of fish pun */}
       <body className="App-body">
         <FishCard {...fishData} />
+        {/* accept or reject buttons */}
       </body>
     </div>
   );
 }
-
+//landing page function
+//fight page function
 export default App;
diff --git a/src/modules/landing-page.js b/src/modules/landing-page.js
@@ -0,0 +1,21 @@
+import React from "react";
+import logo from "Sword-Fish-Fencing.png";
+
+const LandingPage = () => {
+  return (
+    <>
+      <h1>Fish Fight!</h1>
+      <img
+        onClick={/*generate fight page with first fish*/}
+        src={logo}
+        className="App-logo"
+        alt="logo"
+      />
+      <button onClick={/*generate fight page with first fish*/}>
+        There are plenty of fish in the sea. Which will you be?
+      </button>
+    </>
+  );
+};
+
+export default LandingPage;