Skip to content

Commit cb55714

Browse files
committed
surround single item with correct class
1 parent b5f09c1 commit cb55714

File tree

1 file changed

+24
-20
lines changed

1 file changed

+24
-20
lines changed

src/stories/dagshub/data-engine/singlefileViewModal/SingleFileViewModal.stories.tsx

+24-20
Original file line numberDiff line numberDiff line change
@@ -170,26 +170,30 @@ const Template: StoryFn<typeof SingleFileViewModal> = (args) => {
170170
return (
171171
<>
172172
{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>
193197
) : (
194198
<Button onClick={() => setIsModalOpen(true)}>Open modal</Button>
195199
)}

0 commit comments

Comments
 (0)