pohjaa

ed0782b0 · Joni Laukka · 44ad20b0 · ed0782b0 · ed0782b0
Commit ed0782b0 authored 5 years ago by Joni Laukka
--- a/public/index.html
+++ b/public/index.html
@@ -24,6 +24,7 @@
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
+    <div id="form"></div>
    <!--
      This HTML file is a template.
      If you open it directly in the browser, you will see an empty page.

--- a/src/components/JoinGameForm.js
+++ b/src/components/JoinGameForm.js
+import React from "react";
+import ReactDOM from "react-dom"
+
+export default class JoinGameForm extends React.Component{
+  render(){
+    if(this.props.game === null){return false;}
+
+    return ReactDOM.createPortal(
+      <div className="fade-main">
+        <label>{this.props.game.name}</label>
+        <div>{this.props.game.desc}</div>
+      </div>,
+      document.getElementById('form')
+    );
+  }
+}
\ No newline at end of file