0.0.18 • Published 8 years ago
react-last-status v0.0.18
Hit Star on GitHub
React Last Status Component
React component that shows the last status of user. Add your own last seen status to your project.
Auto Refresh
The react-last-status makes auto refreshes automatically each 15.000ms.
Demo
Lorem Ipsum...
Usage
Install package:
npm install --save react-last-statusImport component:
import LastStatus from 'react-last-status';Add component with respective props:
<LastStatus timestamp={timestamp}/>Props
| prop | description |
|---|---|
now | output personalization |
sameDay | output personalization |
lastDay | output personalization |
lastWeek | output personalization |
sameElse | output personalization |
timestamp | timestamp of last status |
locale | language |
nowLimiar | time elapsed to consider online |
Output Personalization
| elapsed time | status output example | props | default |
|---|---|---|---|
max last nowLimiar ms | online | now | [online] |
| max same day | today at 00:00 | sameDay | [today] [at] HH:mm |
| max 1 day ago | yesterday at 00:00 | lastDay | [yesterday] [at] HH:mm |
| max 1 week ago | sunday at 00:00 | lastWeek | dddd [at] HH:mm |
| before | 01/01/2018 at 00:00 | sameElse | L [at] HH:mm |
<LastStatus
timestamp={timestamp}
now={'[I am alive]'}
sameDay={'[last seen today at] HH:mm'}
lastDay={'[last seen yesterday at] HH:mm'}
lastWeek={'[last seen] dddd [at] HH:mm'}
sameElse={'[last seen] L [at] HH:mm'}/>Escaping characters
To escape characters in format strings, you can wrap the characters in square brackets.
'[today at] HH:mm' //'today at 00:00'Languages
Set the language of component with locale prop.
<LastStatus locale={'pt-BR'}/>| locale | language |
|---|---|
| en (default) | English (USA) |
| pt-BR | Portuguese (Brazil) |
0.0.18
8 years ago
0.0.17
8 years ago
0.0.16
8 years ago
0.0.15
8 years ago
0.0.14
8 years ago
0.0.13
8 years ago
0.0.12
8 years ago
0.0.11
8 years ago
0.0.10
8 years ago
0.0.9
8 years ago
0.0.8
8 years ago
0.0.7
8 years ago
0.0.6
8 years ago
0.0.5
8 years ago
0.0.4
8 years ago
0.0.3
8 years ago
0.0.2
8 years ago
0.0.1
8 years ago
0.0.0
8 years ago