diff --git a/src/actions/index.js b/src/actions/index.js
index 2b6a925..8a62d89 100644
--- a/src/actions/index.js
+++ b/src/actions/index.js
@@ -492,6 +492,7 @@ export function receiveMe(
dailyRanking,
minecraftname,
canvases,
+ userlvl,
} = me;
return {
type: 'RECEIVE_ME',
@@ -504,6 +505,7 @@ export function receiveMe(
dailyRanking,
minecraftname,
canvases,
+ userlvl,
};
}
diff --git a/src/actions/types.js b/src/actions/types.js
index d1abd80..8524420 100644
--- a/src/actions/types.js
+++ b/src/actions/types.js
@@ -79,7 +79,8 @@ export type Action =
ranking: number,
dailyRanking: number,
minecraftname: string,
- canvases: Object
+ canvases: Object,
+ userlvl: number,
}
| { type: 'RECEIVE_STATS', totalRanking: Object, totalDailyRanking: Object }
| { type: 'SET_NAME', name: string }
diff --git a/src/components/Admin.jsx b/src/components/Admin.jsx
deleted file mode 100644
index e6aeaeb..0000000
--- a/src/components/Admin.jsx
+++ /dev/null
@@ -1,57 +0,0 @@
-/*
- * Html for adminpage
- *
- * @flow
- */
-
-import React from 'react';
-import ReactDOM from 'react-dom/server';
-
-import Html from './Html';
-
-const Admin = () => (
-
-);
-
-const title = 'PixelPlanet.fun AdminTools';
-const description = 'admin access on pixelplanet';
-const body = ;
-
-const adminHtml = `${
- ReactDOM.renderToStaticMarkup(
- ,
- )
-}`;
-
-export default adminHtml;
diff --git a/src/components/Admintools.jsx b/src/components/Admintools.jsx
new file mode 100644
index 0000000..465ae5c
--- /dev/null
+++ b/src/components/Admintools.jsx
@@ -0,0 +1,232 @@
+/*
+ * Html for adminpage
+ *
+ * @flow
+ */
+
+import React, { useState } from 'react';
+import { connect } from 'react-redux';
+
+import type { State } from '../reducers';
+
+
+async function submitAction(
+ action,
+ canvas,
+ coords,
+ callback,
+) {
+ const data = new FormData();
+ const fileSel = document.getElementById('imgfile');
+ const file = (!fileSel.files || !fileSel.files[0])
+ ? null : fileSel.files[0];
+ data.append('imageaction', action);
+ data.append('image', file);
+ data.append('canvasid', canvas);
+ data.append('coords', coords);
+ const resp = await fetch('./admintools', {
+ credentials: 'include',
+ method: 'POST',
+ body: data,
+ });
+ callback(await resp.text());
+}
+
+async function submitIPAction(
+ action,
+ callback,
+) {
+ const data = new FormData();
+ const iplist = document.getElementById('iparea').value;
+ data.append('ip', iplist);
+ data.append('ipaction', action);
+ const resp = await fetch('./admintools', {
+ credentials: 'include',
+ method: 'POST',
+ body: data,
+ });
+ callback(await resp.text());
+}
+
+
+function Admintools({
+ canvasId,
+ canvases,
+}) {
+ const [selectedCanvas, selectCanvas] = useState(canvasId);
+ const [imageAction, selectImageAction] = useState('build');
+ const [iPAction, selectIPAction] = useState('ban');
+ const [resp, setResp] = useState(null);
+ const [coords, selectCoords] = useState('X_Y');
+ const [submitting, setSubmitting] = useState(false);
+
+ let descAction;
+ switch (imageAction) {
+ case 'build':
+ descAction = 'Build image on canvas.';
+ break;
+ case 'protect':
+ descAction = 'Build image and set it to protected.';
+ break;
+ case 'wipe':
+ descAction = 'Build image, but reset cooldown to unset-pixel cd.';
+ break;
+ default:
+ // nothing
+ }
+
+ return (
+