Namespace: Activity

Activity() → {JSX.Element}

Component that displays a chart showing daily activity.

Properties

Name Type Description

dataActivity

Object

The props passed to the component.

Properties

Name	Type	Description
`isLoading`	boolean	False if all the data have been fetched
`data`	Array.<object>	An array of objects containing data for the chart. `{day: number, kilogram: number, calories:number}`
`data[].day`	number	Day's number of the activity
`data[].kilogram`	number	Kilogram of the activity
`data[].calories`	number	Calories of the activity

Author: Pierre-Yves Léglise
Source: components/activity/index.jsx, line 35
See: https://recharts.org/en-US/api/BarChart for further information on `BarChart` element from recharts api

Returns:

A JSX element containing a BarChart element from the recharts library.

Type:: JSX.Element

Example

const dataActivity = {isLoading: false, data[{day:1, kilogram: 80, calories:240},...]}
return (
 <Activity dataActivity={userActivity} />
)

Methods

(inner) LegendCustom() → {JSX.Element}

Displays a custom legend for a chart.

Author: Pierre-Yves Léglise
Source: components/activity/index.jsx, line 47

Returns:

A JSX element representing the custom legend.

Type:: JSX.Element

Example

return{
 <LegendCustom />
}

(inner) SpecialTooltip() → {null|JSX.Element}

Displays a custom tooltip for a chart.

Properties

Name	Type	Description
`active`	boolean	Whether or not the tooltip is active.
`payload`	Array	An array of objects containing data for the chart.

Author: Pierre-Yves Léglise
Source: components/activity/index.jsx, line 71

Returns:

A JSX element representing the custom tooltip. If the active property is true and the payload array exists and is not empty, the element is a list element containing the text returned by the TooltipText function.

Type:: null | JSX.Element

Example

return{
 <SpecialTooltip />
}