DataTable.js
5 years ago
DatePicker.js
5 years ago
OverviewPanel.js
5 years ago
TopUsers.js
3 years ago
TopVideos.js
3 years ago
TotalVideoViewsByUser.js
4 years ago
TotalViewsGraph.js
4 years ago
TotalWatchGraph.js
4 years ago
VideoAverageWatchTime.js
4 years ago
VideoAverageWatchTimeByUser.js
4 years ago
VideoTimeline.js
4 years ago
VideoTotalWatchTimeByUser.js
4 years ago
VideoViews.js
5 years ago
OverviewPanel.js
42 lines
| 1 | const { __ } = wp.i18n; |
| 2 | const { Panel, TabPanel } = wp.components; |
| 3 | |
| 4 | import TotalViewsGraph from "./TotalViewsGraph"; |
| 5 | import TotalWatchGraph from "./TotalWatchGraph"; |
| 6 | |
| 7 | export default ({ startDate, endDate }) => { |
| 8 | return ( |
| 9 | <Panel> |
| 10 | <TabPanel |
| 11 | className="presto-module-tabs" |
| 12 | onSelect={() => {}} |
| 13 | tabs={[ |
| 14 | { |
| 15 | name: "views", |
| 16 | title: __("Views", "presto-player"), |
| 17 | }, |
| 18 | { |
| 19 | name: "watch", |
| 20 | title: __("Watch Time", "presto-player"), |
| 21 | }, |
| 22 | ]} |
| 23 | > |
| 24 | {(tab) => { |
| 25 | switch (tab.name) { |
| 26 | case "views": |
| 27 | return ( |
| 28 | <TotalViewsGraph startDate={startDate} endDate={endDate} /> |
| 29 | ); |
| 30 | case "watch": |
| 31 | return ( |
| 32 | <TotalWatchGraph startDate={startDate} endDate={endDate} /> |
| 33 | ); |
| 34 | default: |
| 35 | return <>Not Found</>; |
| 36 | } |
| 37 | }} |
| 38 | </TabPanel> |
| 39 | </Panel> |
| 40 | ); |
| 41 | }; |
| 42 |