@@ -310,41 +310,41 @@ storiesOf('Portals', module)
310
310
const portalNode = createHtmlPortalNode ( { containerElement : "tr" } ) ;
311
311
312
312
return React . createElement ( ( ) => {
313
- const [ useFirstTable , setUseFirstTable ] = React . useState ( true ) ;
313
+ const [ useFirstTable , setUseFirstTable ] = React . useState ( true ) ;
314
314
315
- return (
316
- < div >
317
- < InPortal node = { portalNode } >
318
- < td > Cell 1</ td >
319
- < td > Cell 2</ td >
320
- < td > Cell 3</ td >
321
- </ InPortal >
322
-
323
- < button onClick = { ( ) => setUseFirstTable ( ! useFirstTable ) } >
324
- Move row to { useFirstTable ? "second" : "first" } table
325
- </ button >
326
-
327
- < div style = { { display : "flex" , gap : "20px" , marginTop : "20px" } } >
328
- < table border = "1" >
329
- < thead >
330
- < tr >
331
- < th colSpan = "3" > First Table</ th >
332
- </ tr >
333
- </ thead >
334
- < tbody > { useFirstTable && < OutPortal node = { portalNode } /> } </ tbody >
335
- </ table >
336
-
337
- < table border = "1" >
338
- < thead >
339
- < tr >
340
- < th colSpan = "3" > Second Table</ th >
341
- </ tr >
342
- </ thead >
343
- < tbody > { ! useFirstTable && < OutPortal node = { portalNode } /> } </ tbody >
344
- </ table >
345
- </ div >
346
- </ div >
347
- ) ;
315
+ return (
316
+ < div >
317
+ < InPortal node = { portalNode } >
318
+ < td > Cell 1</ td >
319
+ < td > Cell 2</ td >
320
+ < td > Cell 3</ td >
321
+ </ InPortal >
322
+
323
+ < button onClick = { ( ) => setUseFirstTable ( ! useFirstTable ) } >
324
+ Move row to { useFirstTable ? "second" : "first" } table
325
+ </ button >
326
+
327
+ < div style = { { display : "flex" , gap : "20px" , marginTop : "20px" } } >
328
+ < table border = "1" >
329
+ < thead >
330
+ < tr >
331
+ < th colSpan = "3" > First Table</ th >
332
+ </ tr >
333
+ </ thead >
334
+ < tbody > { useFirstTable && < OutPortal node = { portalNode } /> } </ tbody >
335
+ </ table >
336
+
337
+ < table border = "1" >
338
+ < thead >
339
+ < tr >
340
+ < th colSpan = "3" > Second Table</ th >
341
+ </ tr >
342
+ </ thead >
343
+ < tbody > { ! useFirstTable && < OutPortal node = { portalNode } /> } </ tbody >
344
+ </ table >
345
+ </ div >
346
+ </ div >
347
+ ) ;
348
348
} ) ;
349
349
} )
350
350
. add ( 'Example from README' , ( ) => {
0 commit comments