@@ -318,27 +318,29 @@ export default (): m.Component<SessionGridProps> => {
318
318
} ) ;
319
319
} ) ,
320
320
321
- m (
322
- 'div.flex.items-center.justify-center.o-50' ,
323
- {
324
- onclick : ( ) => {
325
- createEditGridButtonModal ( {
326
- onSuccess : ( element ) => {
327
- section . elements . push ( element ) ;
328
- saveGrids ( ) ;
321
+ state . playMode || state . minimalMode
322
+ ? null
323
+ : m (
324
+ 'div.flex.items-center.justify-center.o-50' ,
325
+ {
326
+ onclick : ( ) => {
327
+ createEditGridButtonModal ( {
328
+ onSuccess : ( element ) => {
329
+ section . elements . push ( element ) ;
330
+ saveGrids ( ) ;
331
+ } ,
332
+ } ) ;
329
333
} ,
330
- } ) ;
331
- } ,
332
- style : { aspectRatio : '1 / 1' , padding : 0 } ,
333
- } ,
334
- [
335
- m (
336
- 'div.bg-black-05.br3.flex.items-center.justify-center.pointer.grow' ,
337
- { style : { height : '90%' , width : '90%' } } ,
338
- m ( Icon , { icon : 'add-circle-outline' , size : 3 , className : '.o-30' } ) ,
339
- ) , //
340
- ] ,
341
- ) , //
334
+ style : { aspectRatio : '1 / 1' , padding : 0 } ,
335
+ } ,
336
+ [
337
+ m (
338
+ 'div.bg-black-05.br3.flex.items-center.justify-center.pointer.grow' ,
339
+ { style : { height : '90%' , width : '90%' } } ,
340
+ m ( Icon , { icon : 'add-circle-outline' , size : 3 , className : '.o-30' } ) ,
341
+ ) , //
342
+ ] ,
343
+ ) , //
342
344
] ,
343
345
) ,
344
346
] ) ,
@@ -371,6 +373,7 @@ export default (): m.Component<SessionGridProps> => {
371
373
if ( attrs . gridName ) {
372
374
state . selectedGrid = decodeURIComponent ( attrs . gridName ) ;
373
375
state . minimalMode = true ;
376
+ state . playMode = true ;
374
377
375
378
console . log ( attrs . gridName ) ;
376
379
0 commit comments