earthstar-project / earthstar-status Goto Github PK

Use something like https://www.npmjs.com/package/react-linkify to turn URLs in statuses into actual links

If the online indicator was in a special place farther to the left, then you couldn't fake it by just putting an emoji in your username.

One way: the OnlineIndicator should always return a <span> no matter what, but maybe the span can be empty. And that span should have a fixed width like width: 5ch. That way the username will always be pushed over the same amount no matter what the online indicator is doing.

https://github.com/earthstar-project/earthstar-status/blob/main/src/App.tsx#L131-L154

The heartbeat writer is in a setInterval which runs every 20 seconds, but it should also run right away when the page is first loaded.

Pull the contents of the setInterval out into a smaller function called writeHeartbeat, and run that function in the setInterval as well as just before it, as the first line inside the useEffect