[libeufin] branch master updated (0548af5 -> d7257fc)

[gnunet]

This is an automated email from the git hooks/post-receive script.

heng-yeow pushed a change to branch master
in repository libeufin.

    from 0548af5  nexus validates documents before sending them
     new d330c18  Remove unused import of css file
     new d7257fc  Show bank accounts in home page

The 2 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails.  The revisions
listed as "add" were already present in the repository and have only
been added to this reference.


Summary of changes:
 frontend/public/index.html             |  1 -
 frontend/src/components/home/Home.less |  4 ++
 frontend/src/components/home/Index.tsx | 82 ++++++++++++++++++++++++++++++----
 3 files changed, 78 insertions(+), 9 deletions(-)
 create mode 100644 frontend/src/components/home/Home.less

diff --git a/frontend/public/index.html b/frontend/public/index.html
index 8fd1134..e3d5969 100644
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -9,7 +9,6 @@
       name="description"
       content="Web site created using create-react-app"
     />
-    <link rel="stylesheet" href="index.css" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/libeufin-logo-normal.png" 
/>
     <!--
       manifest.json provides metadata used when your web app is installed on a
diff --git a/frontend/src/components/home/Home.less 
b/frontend/src/components/home/Home.less
new file mode 100644
index 0000000..cf8110a
--- /dev/null
+++ b/frontend/src/components/home/Home.less
@@ -0,0 +1,4 @@
+.home-bank-accounts {
+  display: flex;
+  margin-top: 50px;
+}
diff --git a/frontend/src/components/home/Index.tsx 
b/frontend/src/components/home/Index.tsx
index 442344e..f38b442 100644
--- a/frontend/src/components/home/Index.tsx
+++ b/frontend/src/components/home/Index.tsx
@@ -1,10 +1,76 @@
-import * as React from 'react';
-
-const Home = () => (
-  <>
-    <h1>Home</h1>
-    <p style={{ height: '100vh' }}>text</p>
-  </>
-);
+import React, { useState } from 'react';
+import './Home.less';
+import { message, Button, Card, Col, Row } from 'antd';
+import { RightOutlined } from '@ant-design/icons';
+
+import history from '../../history';
+
+const Home = () => {
+  const [accountsList, setAccountsList] = useState([]);
+
+  const showError = (err) => {
+    message.error(String(err));
+  };
+
+  const fetchBankAccounts = async () => {
+    const authHeader = await window.localStorage.getItem('authHeader');
+    await fetch(`/bank-accounts`, {
+      headers: new Headers({
+        Authorization: `Basic ${authHeader}`,
+      }),
+    })
+      .then((response) => {
+        if (response.ok) {
+          return response.json();
+        }
+        throw 'Cannot retrieve bank accounts';
+      })
+      .then((response) => {
+        setAccountsList(response.accounts);
+      })
+      .catch((err) => {
+        showError(err);
+      });
+  };
+
+  React.useEffect(() => {
+    fetchBankAccounts();
+  }, []);
+
+  const clickHomeBankAccounts = () => {
+    history.push('/bank-accounts');
+  };
+
+  const bankAccountsContent =
+    accountsList.length > 0 ? (
+      <Row gutter={[40, 40]}>
+        {accountsList.map((bankAccount) => (
+          <Col key={bankAccount['nexusBankAccountId']} span={8}>
+            <Card title={bankAccount['nexusBankAccountId']} bordered={false}>
+              <p>Holder: {bankAccount['ownerName']}</p>
+              <p>IBAN: {bankAccount['iban']}</p>
+              <p>BIC: {bankAccount['bic']}</p>
+            </Card>
+          </Col>
+        ))}
+      </Row>
+    ) : null;
+
+  return (
+    <>
+      <div className="home-bank-accounts">
+        <h1 style={{ marginRight: 10 }}>Bank Accounts</h1>
+        <Button
+          type="primary"
+          shape="circle"
+          icon={<RightOutlined />}
+          size="large"
+          onClick={() => clickHomeBankAccounts()}
+        />
+      </div>
+      {bankAccountsContent}
+    </>
+  );
+};
 
 export default Home;

-- 
To stop receiving notification emails like this one, please contact
gnunet@gnunet.org.