factorio-clusterio/packages/master/web/pages/users/usersTable.jsx

import React, { Component } from "react";
import { Card } from "antd";
import { listSlaves, listInstances, listUsers, createUser } from "../../util/wslink";
import DataTable from "../../components/data-table";

export class UsersTable extends Component {
	navigate(url) {
		this.props.history.push(url);
	}

	render() {
		return <Card>
			<h2>Slaves</h2>
			<DataTable
				AddRecord={{
					fields: [{
						dataIndex: "name",
						title: "Name",
					}],
					insert: async args => {
						let response = await createUser({name: args.name});
						console.log("Created user",response);
					},
				}}
				DataFunction={listUsers}
				TableProps={{
					onRow: (record, rowIndex) => ({
						onClick: event => {
							this.navigate(`/users/${record.name}/view`);
						},
					}),
				}}
			/>
		</Card>;
	}
}