Add admin button to encode all videos

Author: exrhizo

src/components/HumanAdmin/AdminLayout.js

@@ -6,6 +6,7 @@ import { Typography, Link } from '@material-ui/core';
 import { Notification } from 'react-admin';
 
 import intersperse from '../intersperse';
+import api from 'modules/api';
 
 const useStyles = makeStyles(theme => ({
   content: {
@@ -23,6 +24,9 @@ const useStyles = makeStyles(theme => ({
   links: {
     marginLeft: theme.spacing(1),
     marginBottom: theme.spacing(2),
+    '& a':{
+      display: 'block'
+    }
   },
 }));
 
@@ -34,20 +38,30 @@ const ResourceLink = ({ name }) => (
 
 const AdminLayout = props => {
   const { children, title } = props;
-  const classes = useStyles();
+  const classes = useStyles(props);
 
   const admin = React.Children.only(children);
-  const resources = React.Children.map(admin.props.children, child => {
-    return <ResourceLink name={child.props.name} />;
+  var resources = React.Children.map(admin.props.children, child => {
+    return <ResourceLink name={child.props.name} key={child.props.name}/>;
   });
 
+  const adminVideoEncodeAll = () => {
+    api.adminVideoEncodeAll();
+  };
+
+  resources.push(
+    <Link onClick={adminVideoEncodeAll} href="#" key="encodeAllVideos">encode all videos</Link>
+  );
+
   return (
     <React.Fragment>
       <div className={classes.content}>
         <Typography variant="h4" className={classes.title}>
           {title}
         </Typography>
-        <div className={classes.links}>{intersperse(resources, ' | ')}</div>
+        <div className={classes.links}>
+          {resources}
+        </div>
         {children}
       </div>
       <Notification />

src/modules/api.js

@@ -4,6 +4,7 @@ import requestDispatcher, { AUTH_API } from './requestDispatcher';
 const CHALLENGE_API = '/challenges';
 const RESPONSE_API = '/responses';
 const AUTH_PASSWORD_API = `${AUTH_API}/password`;
+const ADMIN_VIDEO_ENCODE_ALL = '/admin/videos/encode';
 
 class HumanApi {
   constructor() {
@@ -117,6 +118,12 @@ class HumanApi {
     }
     return formData;
   }
+
+  async adminVideoEncodeAll() {
+    const res = await requestDispatcher
+      .postWithAuth(ADMIN_VIDEO_ENCODE_ALL);
+    return res.data;
+  }
 }
 
 export default new HumanApi();