@@ -170,26 +170,30 @@ const Template: StoryFn<typeof SingleFileViewModal> = (args) => {
170
170
return (
171
171
< >
172
172
{ isModalOpen ? (
173
- < SingleFileViewModal
174
- { ...args }
175
- closeModal = { ( ) => {
176
- setIsModalOpen ( false ) ;
177
- } }
178
- itemData = { currentItemData }
179
- onGetNextItemClickHandler = { ( ) => {
180
- setCurrentItemData ( itemDataMockList [ currentItemData . itemIndex + 1 ] ) ;
181
- } }
182
- onGetPreviousItemClickHandler = { ( ) => {
183
- setCurrentItemData ( itemDataMockList [ currentItemData . itemIndex - 1 ] ) ;
184
- } }
185
- onSelectItemToggle = { onSelectItemToggle }
186
- enableDatapointAnnotating = { true }
187
- enableFileDownloading = { true }
188
- onAnnotatedClick = { ( ) => {
189
- console . log ( 'annotated' ) ;
190
- } }
191
- visualizerRenderer = { ( { itemData } ) => < SingleFileViewFileRenderer itemData = { itemData } /> }
192
- />
173
+ < div id = "single-file-view" >
174
+ < SingleFileViewModal
175
+ { ...args }
176
+ closeModal = { ( ) => {
177
+ setIsModalOpen ( false ) ;
178
+ } }
179
+ itemData = { currentItemData }
180
+ onGetNextItemClickHandler = { ( ) => {
181
+ setCurrentItemData ( itemDataMockList [ currentItemData . itemIndex + 1 ] ) ;
182
+ } }
183
+ onGetPreviousItemClickHandler = { ( ) => {
184
+ setCurrentItemData ( itemDataMockList [ currentItemData . itemIndex - 1 ] ) ;
185
+ } }
186
+ onSelectItemToggle = { onSelectItemToggle }
187
+ enableDatapointAnnotating = { true }
188
+ enableFileDownloading = { true }
189
+ onAnnotatedClick = { ( ) => {
190
+ console . log ( 'annotated' ) ;
191
+ } }
192
+ visualizerRenderer = { ( { itemData } ) => (
193
+ < SingleFileViewFileRenderer itemData = { itemData } />
194
+ ) }
195
+ />
196
+ </ div >
193
197
) : (
194
198
< Button onClick = { ( ) => setIsModalOpen ( true ) } > Open modal</ Button >
195
199
) }
0 commit comments