xinyin025/ChatGPT-Next-Web
1
0
Fork 0
mirror of https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web.git synced 2025-10-08 19:16:37 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

div

Browse Source
This commit is contained in:
DirkSchlossmacher 2023-11-14 09:42:26 +01:00
parent 45ec58b8ea
commit 68706346b3
1 changed files with 32 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
app/components/usage-stats/UsageStats.tsx
View File

@ -36,46 +36,44 @@ const UsageStats: React.FC<{ onClose: () => void }> = ({ onClose }) => {
return (
<div className={styles.usageStatsContainer}>
<div className={styles.usageStatsModal}>
<h1>Usage Stats</h1>
<select value={selectedDateKey} onChange={handleDateChange}>
{dateKeys.map(dateKey => (
<option key={dateKey} value={dateKey}>
{dateKey}
</option>
))}
</select>
<p>Number of events: {signInCount}</p>
<button onClick={handleDrillDown}>Drill-down</button>
<div>
{showDrillDown && (
{/* ... other UI elements ... */}
<table>
<thead>
<tr>
<th>Email</th>
<th>Count</th>
<h1>Usage Stats</h1>
<select value={selectedDateKey} onChange={handleDateChange}>
{dateKeys.map(dateKey => (
<option key={dateKey} value={dateKey}>
{dateKey}
</option>
))}
</select>
<p>Number of events: {signInCount}</p>
<button onClick={handleDrillDown}>Drill-down</button>
{/* Wrap the conditional block and the button with a div or fragment */}
<div>
{showDrillDown && (
<table>
<thead>
<tr>
<th>Email</th>
<th>Count</th>
</tr>
</thead>
<tbody>
{Object.entries(userDetails).map(([email, count]) => (
<tr key={email}>
<td>{email}</td>
<td>{count}</td>
</tr>
</thead>
<tbody>
{Object.entries(userDetails).map(([email, count]) => (
<tr key={email}>
<td>{email}</td>
<td>{count}</td>
</tr>
))}
</tbody>
</table>
)}
))}
</tbody>
</table>
)}
<button className={styles.closeButton} onClick={onClose}>
Close
Close
</button>
</div>
</div>
</div>
</div>
);
};
export default UsageStats;