ok
This commit is contained in:
@@ -96,8 +96,22 @@ const FileListComponent = () => {
|
|||||||
<div className={styles.fileListSection}>
|
<div className={styles.fileListSection}>
|
||||||
<div className={styles.fileListHeader}>
|
<div className={styles.fileListHeader}>
|
||||||
<h2 className={styles.fileListTitle}>📁 Daftar Anggota</h2>
|
<h2 className={styles.fileListTitle}>📁 Daftar Anggota</h2>
|
||||||
|
<div style={{ display: "flex", alignItems: "center", gap: "1rem" }}>
|
||||||
|
<button
|
||||||
|
onClick={() => {
|
||||||
|
window.open(
|
||||||
|
"https://bot.kediritechnopark.com/webhook/api/download",
|
||||||
|
"_blank"
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
className={styles.downloadButton}
|
||||||
|
>
|
||||||
|
⬇️ Unduh Excel
|
||||||
|
</button>
|
||||||
<span className={styles.fileCount}>{files.length} file tersedia</span>
|
<span className={styles.fileCount}>{files.length} file tersedia</span>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
{successMessage && (
|
{successMessage && (
|
||||||
<div className={styles.successMessage}>
|
<div className={styles.successMessage}>
|
||||||
|
|||||||
@@ -480,3 +480,19 @@
|
|||||||
margin: 3rem auto;
|
margin: 3rem auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.downloadButton {
|
||||||
|
background-color: #00adef;
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
padding: 6px 12px;
|
||||||
|
border-radius: 8px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
transition: background-color 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.downloadButton:hover {
|
||||||
|
background-color: #008fc4;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user