4 files changed, 35 insertions, 27 deletions
diff --git a/web/source/settings/admin/actions/keys/expireremote.jsx b/web/source/settings/admin/actions/keys/expireremote.tsx
index 172f65bc3..3b5da2836 100644
--- a/web/source/settings/admin/actions/keys/expireremote.jsx
+++ b/web/source/settings/admin/actions/keys/expireremote.tsx
@@ -17,19 +17,19 @@
 	along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-const React = require("react");
+import React from "react";
 
-const query = require("../../../lib/query");
+import { useInstanceKeysExpireMutation } from "../../../lib/query";
 
-const { useTextInput } = require("../../../lib/form");
-const { TextInput } = require("../../../components/form/inputs");
+import { useTextInput } from "../../../lib/form";
+import { TextInput } from "../../../components/form/inputs";
 
-const MutationButton = require("../../../components/form/mutation-button");
+import MutationButton from "../../../components/form/mutation-button";
 
-module.exports = function ExpireRemote({}) {
+export default function ExpireRemote({}) {
 	const domainField = useTextInput("domain");
 
-	const [expire, expireResult] = query.useInstanceKeysExpireMutation();
+	const [expire, expireResult] = useInstanceKeysExpireMutation();
 
 	function submitExpire(e) {
 		e.preventDefault();
@@ -53,7 +53,11 @@ module.exports = function ExpireRemote({}) {
 				type="string"
 				placeholder="example.org"
 			/>
-			<MutationButton label="Expire keys" result={expireResult} />
+			<MutationButton
+				disabled={false}
+				label="Expire keys"
+				result={expireResult}
+			/>
 		</form>
 	);
-};
+}
diff --git a/web/source/settings/admin/actions/keys/index.jsx b/web/source/settings/admin/actions/keys/index.tsx
index f6a851e70..74bfd36ee 100644
--- a/web/source/settings/admin/actions/keys/index.jsx
+++ b/web/source/settings/admin/actions/keys/index.tsx
@@ -17,14 +17,14 @@
 	along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-const React = require("react");
-const ExpireRemote = require("./expireremote");
+import React from "react";
+import ExpireRemote from "./expireremote";
 
-module.exports = function Keys() {
+export default function Keys() {
 	return (
 		<>
 			<h1>Key Actions</h1>
 			<ExpireRemote />
 		</>
 	);
-};
+}
diff --git a/web/source/settings/admin/actions/media/cleanup.jsx b/web/source/settings/admin/actions/media/cleanup.tsx
index 8b0e628f6..fd3ca1f41 100644
--- a/web/source/settings/admin/actions/media/cleanup.jsx
+++ b/web/source/settings/admin/actions/media/cleanup.tsx
@@ -17,19 +17,19 @@
 	along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-const React = require("react");
+import React from "react";
 
-const query = require("../../../lib/query");
+import { useMediaCleanupMutation } from "../../../lib/query";
 
-const { useTextInput } = require("../../../lib/form");
-const { TextInput } = require("../../../components/form/inputs");
+import { useTextInput } from "../../../lib/form";
+import { TextInput } from "../../../components/form/inputs";
 
-const MutationButton = require("../../../components/form/mutation-button");
+import MutationButton from "../../../components/form/mutation-button";
 
-module.exports = function Cleanup({}) {
-	const daysField = useTextInput("days", { defaultValue: 30 });
+export default function Cleanup({}) {
+	const daysField = useTextInput("days", { defaultValue: "30" });
 
-	const [mediaCleanup, mediaCleanupResult] = query.useMediaCleanupMutation();
+	const [mediaCleanup, mediaCleanupResult] = useMediaCleanupMutation();
 
 	function submitCleanup(e) {
 		e.preventDefault();
@@ -51,7 +51,11 @@ module.exports = function Cleanup({}) {
 				min="0"
 				placeholder="30"
 			/>
-			<MutationButton label="Remove old media" result={mediaCleanupResult} />
+			<MutationButton
+				disabled={false}
+				label="Remove old media"
+				result={mediaCleanupResult}
+			/>
 		</form>
 	);
-};
+}
diff --git a/web/source/settings/admin/actions/media/index.jsx b/web/source/settings/admin/actions/media/index.tsx
index c904eb047..b3b805986 100644
--- a/web/source/settings/admin/actions/media/index.jsx
+++ b/web/source/settings/admin/actions/media/index.tsx
@@ -17,14 +17,14 @@
 	along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-const React = require("react");
-const Cleanup = require("./cleanup");
+import React from "react";
+import Cleanup from "./cleanup";
 
-module.exports = function Media() {
+export default function Media() {
 	return (
 		<>
 			<h1>Media Actions</h1>
 			<Cleanup />
 		</>
 	);
-};
+}