div in usagestats

This commit is contained in:
DirkSchlossmacher 2023-11-14 09:22:20 +01:00
parent 595cf6bf46
commit 4bc8c73d66

View File

@ -46,31 +46,33 @@ const UsageStats: React.FC<{ onClose: () => void }> = ({ onClose }) => {
</select> </select>
<p>Number of events: {signInCount}</p> <p>Number of events: {signInCount}</p>
<button onClick={handleDrillDown}>Drill-down</button> <button onClick={handleDrillDown}>Drill-down</button>
{showDrillDown && ( <div>
{showDrillDown && (
{/* ... other UI elements ... */} {/* ... other UI elements ... */}
<table> <table>
<thead> <thead>
<tr> <tr>
<th>Email</th> <th>Email</th>
<th>Count</th> <th>Count</th>
</tr>
</thead>
<tbody>
{Object.entries(userDetails).map(([email, count]) => (
<tr key={email}>
<td>{email}</td>
<td>{count}</td>
</tr> </tr>
))} </thead>
</tbody> <tbody>
</table> {Object.entries(userDetails).map(([email, count]) => (
)} <tr key={email}>
<td>{email}</td>
<td>{count}</td>
</tr>
))}
</tbody>
</table>
)}
<button className={styles.closeButton} onClick={onClose}> <button className={styles.closeButton} onClick={onClose}>
Close Close
</button> </button>
</div>
</div> </div>
</div> </div>
); );