@@ -154,37 +154,35 @@ function GridGenerationAndSelect({
154154 </ div >
155155 </ div >
156156 < div className = "col-md-12" >
157- < >
158- < h3 className = "h5" > { t ( "screen-form.screen-region-playlists" ) } </ h3 >
159- < Tabs
160- defaultActiveKey = { regions [ 0 ] [ "@id" ] }
161- id = "tabs"
162- onSelect = { setSelectedRegion }
163- className = "mb-3"
164- >
165- { regions . map ( ( { title, "@id" : id , type } ) => (
166- < Tab eventKey = { id } key = { id } title = { title } >
167- < PlaylistDragAndDrop
168- id = "playlist_drag_and_drop"
169- handleChange = { handleChange }
170- removeFromList = { removeFromList }
171- name = { id }
172- regionIdForInitializeCallback = { id }
173- screenId = { screenId }
174- regionId = { idFromUrl ( id ) }
175- selectedPlaylists = { selectedPlaylists . filter (
176- ( { region } ) => region === idFromUrl ( id ) ,
177- ) }
178- />
179- { type === "touch-buttons" && (
180- < Alert key = "screen-form-touch-buttons" variant = "info" >
181- { t ( "screen-form.touch-region-helptext" ) }
182- </ Alert >
157+ < h3 className = "h5" > { t ( "screen-form.screen-region-playlists" ) } </ h3 >
158+ < Tabs
159+ defaultActiveKey = { regions [ 0 ] [ "@id" ] }
160+ id = "tabs"
161+ onSelect = { setSelectedRegion }
162+ className = "mb-3"
163+ >
164+ { regions . map ( ( { title, "@id" : id , type } ) => (
165+ < Tab eventKey = { id } key = { id } title = { title } >
166+ < PlaylistDragAndDrop
167+ id = "playlist_drag_and_drop"
168+ handleChange = { handleChange }
169+ removeFromList = { removeFromList }
170+ name = { id }
171+ regionIdForInitializeCallback = { id }
172+ screenId = { screenId }
173+ regionId = { idFromUrl ( id ) }
174+ selectedPlaylists = { selectedPlaylists . filter (
175+ ( { region } ) => region === idFromUrl ( id ) ,
183176 ) }
184- </ Tab >
185- ) ) }
186- </ Tabs >
187- </ >
177+ />
178+ { type === "touch-buttons" && (
179+ < Alert key = "screen-form-touch-buttons" variant = "info" >
180+ { t ( "screen-form.touch-region-helptext" ) }
181+ </ Alert >
182+ ) }
183+ </ Tab >
184+ ) ) }
185+ </ Tabs >
188186 </ div >
189187 </ >
190188 ) ;
0 commit comments