@@ -310,41 +310,41 @@ storiesOf('Portals', module)
310310 const portalNode = createHtmlPortalNode ( { containerElement : "tr" } ) ;
311311
312312 return React . createElement ( ( ) => {
313- const [ useFirstTable , setUseFirstTable ] = React . useState ( true ) ;
313+ const [ useFirstTable , setUseFirstTable ] = React . useState ( true ) ;
314314
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+ ) ;
348348 } ) ;
349349 } )
350350 . add ( 'Example from README' , ( ) => {
0 commit comments