From a17789f8b4c5cc9c2c9371e8f5dc2bad6a5072d6 Mon Sep 17 00:00:00 2001
From: TAJ <124231329+tajmahal226@users.noreply.github.com>
Date: Fri, 20 Sep 2024 11:21:05 -0400
Subject: [PATCH] Create Leaderboard.js

---
 Leaderboard.js | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 Leaderboard.js

diff --git a/Leaderboard.js b/Leaderboard.js
new file mode 100644
index 0000000..0e2a271
--- /dev/null
+++ b/Leaderboard.js
@@ -0,0 +1,28 @@
+import { tableHeaderStyle, tableCellStyle } from './styles.js';
+
+const Leaderboard = ({ data }) => (
+  <table style={{ width: '100%', borderCollapse: 'collapse' }}>
+    <thead>
+      <tr>
+        <th style={tableHeaderStyle}>BDR</th>
+        <th style={tableHeaderStyle}>Calls</th>
+        <th style={tableHeaderStyle}>Emails</th>
+        <th style={tableHeaderStyle}>Meetings</th>
+        <th style={tableHeaderStyle}>Conversion Rate</th>
+      </tr>
+    </thead>
+    <tbody>
+      {data.map((bdr, index) => (
+        <tr key={index}>
+          <td style={tableCellStyle}>{bdr.name}</td>
+          <td style={tableCellStyle}>{bdr.calls}</td>
+          <td style={tableCellStyle}>{bdr.emails}</td>
+          <td style={tableCellStyle}>{bdr.meetings}</td>
+          <td style={tableCellStyle}>{(bdr.meetings / bdr.calls * 100).toFixed(2)}%</td>
+        </tr>
+      ))}
+    </tbody>
+  </table>
+);
+
+export default Leaderboard;