od-react

Overdosed React.js Libraries

CollapsedTooltipText

Wrapper for reactstrap/tooltip component. Trim text to given size and show tooltip when hover, if text size exceeds given size.

<CollapsedTooltipText id={`tooltip_entity1`} text={"Some possibly very long text"} size={25} />

ODListableTable

Build paginated table browser with reactstrap. Supports the followings.

• Custom header.
• Custom toolbar.
• Custom saga, reducer.
• Selectable row.
• Auto refresh.

See sample codes below.

• Gameberry/Affiser/KPIList
  • Basic search filter
  • Checkboxes with delete button
• Gameberry/Affiser/Setting/progressList
  • No pagination component
  • Auto refresh
• Gameberry/Affiser/OffserList
  • Custom reducer
• Gameberry/Affiser/Statistics
  • Multiple search filter

NotificationBar

Built-in notification.

First, add NotificationBar where you want to show notifications.

• Gameberry/Affiser/Home

Dispatch action whenever you want to show notification.

• Gameberry/Affiser/KPIList