0.0.18 • Published 6 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-status
Import 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
6 years ago
0.0.17
6 years ago
0.0.16
6 years ago
0.0.15
6 years ago
0.0.14
6 years ago
0.0.13
6 years ago
0.0.12
6 years ago
0.0.11
6 years ago
0.0.10
6 years ago
0.0.9
6 years ago
0.0.8
6 years ago
0.0.7
6 years ago
0.0.6
6 years ago
0.0.5
6 years ago
0.0.4
6 years ago
0.0.3
6 years ago
0.0.2
6 years ago
0.0.1
6 years ago
0.0.0
6 years ago