update docz examples to match new component api

This commit is contained in:
dannyrb 2020-05-14 22:11:00 -04:00 committed by James A. Petts
parent d7cdc1c3ba
commit 50d0144e78
2 changed files with 4 additions and 12 deletions

View File

@ -5,7 +5,7 @@ route: components/viewport-pane
--- ---
import { Playground, Props } from 'docz'; import { Playground, Props } from 'docz';
import { DragAndDropContext, ViewportGrid, ViewportPane } from '@ohif/ui'; import { DragAndDropProvider, ViewportGrid, ViewportPane } from '@ohif/ui';
# ViewportPane # ViewportPane
@ -21,12 +21,12 @@ import { ViewportPane } from '@ohif/ui';
<Playground> <Playground>
<div className="p-4 h-56"> <div className="p-4 h-56">
<DragAndDropContext> <DragAndDropProvider>
<ViewportGrid numRows={1} numCols={2}> <ViewportGrid numRows={1} numCols={2}>
<ViewportPane onDrop={() => {}} isActive={true}><h3>Hello</h3></ViewportPane> <ViewportPane onDrop={() => {}} isActive={true}><h3>Hello</h3></ViewportPane>
<ViewportPane onDrop={() => {}} isActive={false}><h3>World</h3></ViewportPane> <ViewportPane onDrop={() => {}} isActive={false}><h3>World</h3></ViewportPane>
</ViewportGrid> </ViewportGrid>
</DragAndDropContext> </DragAndDropProvider>
</div> </div>
</Playground> </Playground>

View File

@ -147,15 +147,7 @@ components.
row: [ row: [
{ {
key: 'patientName', key: 'patientName',
content: ( content: PatientName,
<>
<Icon
name={isExpanded ? 'chevron-down' : 'chevron-right'}
className="mr-4"
/>
{PatientName}
</>
),
gridCol: 4, gridCol: 4,
}, },
{ {