From e54214c8ecdcf264a0f055ae24afe3299c0c7697 Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Sat, 26 Jun 2021 23:26:20 +0530
Subject: Fixed and styled ClientInfoDisplay

---
 src/components/Display/ClientInfoDisplay.tsx | 34 ++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 src/components/Display/ClientInfoDisplay.tsx

(limited to 'src/components/Display/ClientInfoDisplay.tsx')

diff --git a/src/components/Display/ClientInfoDisplay.tsx b/src/components/Display/ClientInfoDisplay.tsx
new file mode 100644
index 0000000..ad65e40
--- /dev/null
+++ b/src/components/Display/ClientInfoDisplay.tsx
@@ -0,0 +1,34 @@
+/*
+ * OpenBills - Self hosted browser app to generate and keep track of simple invoices
+ * Version - 0
+ * Licensed under the MIT license - https://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2021 Vidhu Kant Sharma
+*/
+
+import React from "react";
+import { Person } from "./../../interfaces";
+import "./Display.scss";
+
+interface Props {
+  client: Person
+}
+
+const ClientInfoDisplay: React.FC<Props> = (props) => {
+  return (
+    <table className={"ClientInfoDisplay"}>
+      <tbody>
+        <tr>
+          <td>Client Name:</td> 
+          <td>{props.client.Name}</td>
+        </tr>
+        <tr>
+          <td>Client Address:</td>
+          <td>{props.client.Address}</td>
+        </tr>
+      </tbody>
+    </table>
+  );
+}
+
+export default ClientInfoDisplay;
-- 
cgit v1.2.3

