anthonycicc/reason-crossword-front
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

More work

Browse source
This commit is contained in:
Anthony Cicchetti 2020-05-19 21:29:29 -04:00
parent 6ac72aa11c
commit 466aae951f
10 changed files with 63 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
index.html
View file

@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>ReasonReact Examples</title> <title>ReasonReact Examples</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/picnic">
</head> </head>
<body> <body>
<div id="root" /> <div id="root" />

1
indexProduction.html
View file

@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>ReasonReact Examples</title> <title>ReasonReact Examples</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/picnic">
</head> </head>
<body> <body>
<div id="root" /> <div id="root" />

22
src/Container/Container.bs.js Normal file
View file

@ -0,0 +1,22 @@
'use strict';
var React = require("react");
var UserEntry$ReasonReactExamples = require("../UserEntry/UserEntry.bs.js");
var DatePicker$ReasonReactExamples = require("../DatePicker/DatePicker.bs.js");
function Container(Props) {
return React.createElement("div", {
className: "flex one"
}, React.createElement(DatePicker$ReasonReactExamples.make, { }), React.createElement("ul", undefined, React.createElement(UserEntry$ReasonReactExamples.make, {
name: "Anthony",
score: "1:00"
}), React.createElement(UserEntry$ReasonReactExamples.make, {
name: "Mae",
score: "0:15"
})));
}
var make = Container;
exports.make = make;
/* react Not a pure module */

10
src/Container/Container.re Normal file
View file

@ -0,0 +1,10 @@
[@react.component]
let make = () => {
<div className="flex one">
<DatePicker />
<ul>
<UserEntry name="Anthony" score="1:00" />
<UserEntry name="Mae" score="0:15" />
</ul>
</div>;
};

8
src/DatePicker/DatePicker.bs.js
View file

@ -5,10 +5,10 @@ var Moment = require("moment");
function DatePicker(Props) { function DatePicker(Props) {
var date = Moment().format("YYYY-MM-DD"); var date = Moment().format("YYYY-MM-DD");
return React.createElement("input", { return React.createElement("div", undefined, React.createElement("input", {
type: "date", type: "date",
value: date value: date
}); }));
} }
var make = DatePicker; var make = DatePicker;

2
src/DatePicker/DatePicker.re
View file

@ -1,5 +1,5 @@
[@react.component] [@react.component]
let make = () => { let make = () => {
let date = MomentRe.momentNow() |> MomentRe.Moment.format("YYYY-MM-DD"); let date = MomentRe.momentNow() |> MomentRe.Moment.format("YYYY-MM-DD");
<input type_="date" value=date />; <div> <input type_="date" value=date /> </div>;
}; };

4
src/Index.bs.js
View file

@ -2,8 +2,8 @@
var React = require("react"); var React = require("react");
var ReactDOMRe = require("reason-react/src/ReactDOMRe.js"); var ReactDOMRe = require("reason-react/src/ReactDOMRe.js");
var DatePicker$ReasonReactExamples = require("./DatePicker/DatePicker.bs.js"); var Container$ReasonReactExamples = require("./Container/Container.bs.js");
ReactDOMRe.renderToElementWithId(React.createElement(DatePicker$ReasonReactExamples.make, { }), "root"); ReactDOMRe.renderToElementWithId(React.createElement(Container$ReasonReactExamples.make, { }), "root");
/* Not a pure module */ /* Not a pure module */

2
src/Index.re
View file

@ -1 +1 @@
ReactDOMRe.renderToElementWithId(<DatePicker />, "root"); ReactDOMRe.renderToElementWithId(<Container />, "root");

16
src/UserEntry/UserEntry.bs.js Normal file
View file

@ -0,0 +1,16 @@
'use strict';
var React = require("react");
function UserEntry(Props) {
var name = Props.name;
var score = Props.score;
return React.createElement("article", {
className: "stack pseudo button"
}, React.createElement("div", undefined, name + (" - " + score)));
}
var make = UserEntry;
exports.make = make;
/* react Not a pure module */

5
src/UserEntry/UserEntry.re Normal file
View file

@ -0,0 +1,5 @@
[@react.component]
let make = (~name: string, ~score: string) =>
<article className="stack pseudo button">
<div> {React.string(name ++ " - " ++ score)} </div>
</article>;