-
Notifications
You must be signed in to change notification settings - Fork 1
/
marker-renderer.js
38 lines (35 loc) · 1.11 KB
/
marker-renderer.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
import React from 'react'
import TimelineMarkersRenderer from 'lib/markers/TimelineMarkersRenderer'
import { TimelineMarkersProvider } from 'lib/markers/TimelineMarkersContext'
import { TimelineStateProvider } from 'lib/timeline/TimelineStateContext'
const oneDay = 1000 * 60 * 60 * 24
// eslint-disable-next-line
export const RenderWrapper = ({ children, timelineState }) => {
const now = Date.now()
const visibleTimeStart = now - oneDay
const visibleTimeEnd = now + oneDay
const defaultTimelineState = {
visibleTimeStart,
visibleTimeEnd,
canvasTimeStart: visibleTimeStart - oneDay,
canvasTimeEnd: visibleTimeEnd + oneDay,
canvasWidth: 3000,
visibleWidth: 1000,
showPeriod:()=>{},
timelineWidth:1000,
timelineUnit:'day'
}
timelineState = timelineState != null ? timelineState : defaultTimelineState
return (
<div>
<TimelineStateProvider {...timelineState}>
<TimelineMarkersProvider>
<div>
{children}
<TimelineMarkersRenderer />
</div>
</TimelineMarkersProvider>
</TimelineStateProvider>
</div>
)
}