Add UI and API for editing Storage

webclient/src/Debug.js

@@ -1,9 +1,14 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
+import React, { useState, useEffect } from 'react';
+import { Link, useParams, useHistory } from 'react-router-dom';
 import './light.css';
-import { Button, Container, Header } from 'semantic-ui-react';
+import { MembersDropdown } from './Members.js';
+import { StorageList } from './Storage.js';
+import { isAdmin, BasicTable, requester } from './utils.js';
+import { Button, Container, Form, Grid, Header, Message, Segment, Table } from 'semantic-ui-react';
 
 export function Debug(props) {
+	const { token } = props;
+
 	return (
 		<Container>
 			<Header size='large'>Debug</Header>
@@ -30,6 +35,10 @@ export function Debug(props) {
 
 			<p><Link to='/display/lcars2'>LCARS2 Display</Link></p>
 
+			<Header size='medium'>Storage</Header>
+
+			<StorageList token={token} />
+
 
 		</Container>
 	);