feat(react/settings): port vacuum database

This commit is contained in:
Elian Doran 2025-08-14 22:42:49 +03:00
parent a04f6e3858
commit 7e03774b8e
No known key found for this signature in database
2 changed files with 18 additions and 29 deletions

View File

@ -10,6 +10,7 @@ export default function AdvancedSettings() {
return <>
<AdvancedSyncOptions />
<DatabaseIntegrityOptions />
<VacuumDatabaseOptions />
</>;
}
@ -67,3 +68,20 @@ function DatabaseIntegrityOptions() {
</OptionsSection>
)
}
function VacuumDatabaseOptions() {
return (
<OptionsSection title={t("vacuum_database.title")}>
<FormText>{t("vacuum_database.description")}</FormText>
<Button
text={t("vacuum_database.button_text")}
onClick={async () => {
toast.showMessage(t("vacuum_database.vacuuming_database"));
await server.post("database/vacuum-database");
toast.showMessage(t("vacuum_database.database_vacuumed"));
}}
/>
</OptionsSection>
)
}

View File

@ -1,29 +0,0 @@
import OptionsWidget from "../options_widget.js";
import toastService from "../../../../services/toast.js";
import server from "../../../../services/server.js";
import { t } from "../../../../services/i18n.js";
const TPL = /*html*/`
<div class="options-section">
<h4>${t("vacuum_database.title")}</h4>
<p class="form-text">${t("vacuum_database.description")}</p>
<button class="vacuum-database-button btn btn-secondary">${t("vacuum_database.button_text")}</button>
</div>`;
export default class VacuumDatabaseOptions extends OptionsWidget {
private $vacuumDatabaseButton!: JQuery<HTMLElement>;
doRender() {
this.$widget = $(TPL);
this.$vacuumDatabaseButton = this.$widget.find(".vacuum-database-button");
this.$vacuumDatabaseButton.on("click", async () => {
toastService.showMessage(t("vacuum_database.vacuuming_database"));
await server.post("database/vacuum-database");
toastService.showMessage(t("vacuum_database.database_vacuumed"));
});
}
}