diff --git a/index.html b/index.html index 8e90c6b..7d20f83 100644 --- a/index.html +++ b/index.html @@ -3,6 +3,7 @@ ReasonReact Examples +
diff --git a/indexProduction.html b/indexProduction.html index 9948d39..d5dbc9f 100644 --- a/indexProduction.html +++ b/indexProduction.html @@ -3,6 +3,7 @@ ReasonReact Examples +
diff --git a/src/Container/Container.bs.js b/src/Container/Container.bs.js new file mode 100644 index 0000000..2cf263d --- /dev/null +++ b/src/Container/Container.bs.js @@ -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 */ diff --git a/src/Container/Container.re b/src/Container/Container.re new file mode 100644 index 0000000..abd4909 --- /dev/null +++ b/src/Container/Container.re @@ -0,0 +1,10 @@ +[@react.component] +let make = () => { +
+ +
    + + +
+
; +}; \ No newline at end of file diff --git a/src/DatePicker/DatePicker.bs.js b/src/DatePicker/DatePicker.bs.js index c4a0cf3..0feb55c 100644 --- a/src/DatePicker/DatePicker.bs.js +++ b/src/DatePicker/DatePicker.bs.js @@ -5,10 +5,10 @@ var Moment = require("moment"); function DatePicker(Props) { var date = Moment().format("YYYY-MM-DD"); - return React.createElement("input", { - type: "date", - value: date - }); + return React.createElement("div", undefined, React.createElement("input", { + type: "date", + value: date + })); } var make = DatePicker; diff --git a/src/DatePicker/DatePicker.re b/src/DatePicker/DatePicker.re index 62cf0dd..23b5e0b 100644 --- a/src/DatePicker/DatePicker.re +++ b/src/DatePicker/DatePicker.re @@ -1,5 +1,5 @@ [@react.component] let make = () => { let date = MomentRe.momentNow() |> MomentRe.Moment.format("YYYY-MM-DD"); - ; +
; }; \ No newline at end of file diff --git a/src/Index.bs.js b/src/Index.bs.js index 624ecff..bd35948 100644 --- a/src/Index.bs.js +++ b/src/Index.bs.js @@ -2,8 +2,8 @@ var React = require("react"); 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 */ diff --git a/src/Index.re b/src/Index.re index 595cd0a..9cdcff4 100644 --- a/src/Index.re +++ b/src/Index.re @@ -1 +1 @@ -ReactDOMRe.renderToElementWithId(, "root"); +ReactDOMRe.renderToElementWithId(, "root"); \ No newline at end of file diff --git a/src/UserEntry/UserEntry.bs.js b/src/UserEntry/UserEntry.bs.js new file mode 100644 index 0000000..c632b29 --- /dev/null +++ b/src/UserEntry/UserEntry.bs.js @@ -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 */ diff --git a/src/UserEntry/UserEntry.re b/src/UserEntry/UserEntry.re new file mode 100644 index 0000000..2cf5d54 --- /dev/null +++ b/src/UserEntry/UserEntry.re @@ -0,0 +1,5 @@ +[@react.component] +let make = (~name: string, ~score: string) => +
+
{React.string(name ++ " - " ++ score)}
+
; \ No newline at end of file