2 files changed, 18 insertions, 14 deletions
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 />
 		</>
 	);
-};
+}