From 0c8a6e21f0324e25d1ec59bcdddf8c5c49b01421 Mon Sep 17 00:00:00 2001
From: Florian Dold <florian.dold@gmail.com>
Date: Wed, 5 Oct 2016 17:38:02 +0200
Subject: prettier syntax (JSX) for rendering

---
 lib/wallet/renderHtml.ts  | 49 ----------------------------------------------
 lib/wallet/renderHtml.tsx | 50 +++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 50 insertions(+), 49 deletions(-)
 delete mode 100644 lib/wallet/renderHtml.ts
 create mode 100644 lib/wallet/renderHtml.tsx

(limited to 'lib/wallet')

diff --git a/lib/wallet/renderHtml.ts b/lib/wallet/renderHtml.ts
deleted file mode 100644
index 022bce113..000000000
--- a/lib/wallet/renderHtml.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-/*
- This file is part of TALER
- (C) 2016 INRIA
-
- TALER is free software; you can redistribute it and/or modify it under the
- terms of the GNU General Public License as published by the Free Software
- Foundation; either version 3, or (at your option) any later version.
-
- TALER is distributed in the hope that it will be useful, but WITHOUT ANY
- WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- A PARTICULAR PURPOSE.  See the GNU General Public License for more details.
-
- You should have received a copy of the GNU General Public License along with
- TALER; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
- */
-
-/**
- * Helpers functions to render Taler-related data structures to HTML.
- *
- * @author Florian Dold
- */
-
-
-import {AmountJson, Contract} from "./types";
-
-
-let h = preact.h;
-
-export function prettyAmount(amount: AmountJson) {
-  let v = amount.value + amount.fraction / 1e6;
-  return `${v.toFixed(2)} ${amount.currency}`;
-}
-
-export function renderContract(contract: Contract): JSX.Element {
-  let merchantName = m("strong", contract.merchant.name);
-  let amount = m("strong", prettyAmount(contract.amount));
-
-  return h("div", {},
-           h("p", {},
-             i18n.parts`${merchantName}
-               wants to enter a contract over ${amount}
-               with you.`),
-           h("p", {},
-             i18n`You are about to purchase:`),
-           h('ul', {},
-             ...contract.products.map(
-               (p: any) => h("li", {},
-                             `${p.description}: ${prettyAmount(p.price)}`))));
-}
\ No newline at end of file
diff --git a/lib/wallet/renderHtml.tsx b/lib/wallet/renderHtml.tsx
new file mode 100644
index 000000000..f3059f940
--- /dev/null
+++ b/lib/wallet/renderHtml.tsx
@@ -0,0 +1,50 @@
+/*
+ This file is part of TALER
+ (C) 2016 INRIA
+
+ TALER is free software; you can redistribute it and/or modify it under the
+ terms of the GNU General Public License as published by the Free Software
+ Foundation; either version 3, or (at your option) any later version.
+
+ TALER is distributed in the hope that it will be useful, but WITHOUT ANY
+ WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
+ A PARTICULAR PURPOSE.  See the GNU General Public License for more details.
+
+ You should have received a copy of the GNU General Public License along with
+ TALER; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
+ */
+
+/**
+ * Helpers functions to render Taler-related data structures to HTML.
+ *
+ * @author Florian Dold
+ */
+
+
+import {AmountJson, Contract} from "./types";
+
+export function prettyAmount(amount: AmountJson) {
+  let v = amount.value + amount.fraction / 1e6;
+  return `${v.toFixed(2)} ${amount.currency}`;
+}
+
+export function renderContract(contract: Contract): JSX.Element {
+  let merchantName = m("strong", contract.merchant.name);
+  let amount = m("strong", prettyAmount(contract.amount));
+
+  return (
+    <div>
+      <p>{
+        i18n.parts`${merchantName}
+               wants to enter a contract over ${amount}
+               with you.`}
+      </p>
+      <p>{i18n`You are about to purchase:`}</p>
+      <ul>
+        {contract.products.map(
+          (p: any) => (<li>{`${p.description}: ${prettyAmount(p.price)}`}</li>))
+        }
+      </ul>
+    </div>
+  );
+}
\ No newline at end of file
-- 
cgit v1.2.3