@@ -6,6 +6,7 @@ import { Typography, Link } from '@material-ui/core';
6
6
import { Notification } from 'react-admin' ;
7
7
8
8
import intersperse from '../intersperse' ;
9
+ import api from 'modules/api' ;
9
10
10
11
const useStyles = makeStyles ( theme => ( {
11
12
content : {
@@ -23,6 +24,9 @@ const useStyles = makeStyles(theme => ({
23
24
links : {
24
25
marginLeft : theme . spacing ( 1 ) ,
25
26
marginBottom : theme . spacing ( 2 ) ,
27
+ '& a' :{
28
+ display : 'block'
29
+ }
26
30
} ,
27
31
} ) ) ;
28
32
@@ -34,20 +38,30 @@ const ResourceLink = ({ name }) => (
34
38
35
39
const AdminLayout = props => {
36
40
const { children, title } = props ;
37
- const classes = useStyles ( ) ;
41
+ const classes = useStyles ( props ) ;
38
42
39
43
const admin = React . Children . only ( children ) ;
40
- const resources = React . Children . map ( admin . props . children , child => {
41
- return < ResourceLink name = { child . props . name } /> ;
44
+ var resources = React . Children . map ( admin . props . children , child => {
45
+ return < ResourceLink name = { child . props . name } key = { child . props . name } /> ;
42
46
} ) ;
43
47
48
+ const adminVideoEncodeAll = ( ) => {
49
+ api . adminVideoEncodeAll ( ) ;
50
+ } ;
51
+
52
+ resources . push (
53
+ < Link onClick = { adminVideoEncodeAll } href = "#" key = "encodeAllVideos" > encode all videos</ Link >
54
+ ) ;
55
+
44
56
return (
45
57
< React . Fragment >
46
58
< div className = { classes . content } >
47
59
< Typography variant = "h4" className = { classes . title } >
48
60
{ title }
49
61
</ Typography >
50
- < div className = { classes . links } > { intersperse ( resources , ' | ' ) } </ div >
62
+ < div className = { classes . links } >
63
+ { resources }
64
+ </ div >
51
65
{ children }
52
66
</ div >
53
67
< Notification />
0 commit comments