1 import { Component } from 'inferno';
2 import { Link } from 'inferno-router';
3 import { i18n } from '../i18next';
4 import { Subscription } from 'rxjs';
5 import { retryWhen, delay, take } from 'rxjs/operators';
6 import { WebSocketService } from '../services';
7 import { repoUrl, wsJsonToRes, isBrowser } from '../utils';
10 WebSocketJsonResponse,
12 } from 'lemmy-js-client';
14 interface FooterState {
18 export class Footer extends Component<any, FooterState> {
19 private wsSub: Subscription;
20 emptyState: FooterState = {
23 constructor(props: any, context: any) {
24 super(props, context);
26 this.state = this.emptyState;
29 this.wsSub = WebSocketService.Instance.subject
30 .pipe(retryWhen(errors => errors.pipe(delay(3000), take(10))))
32 msg => this.parseMessage(msg),
33 err => console.error(err),
34 () => console.log('complete')
39 componentWillUnmount() {
40 this.wsSub.unsubscribe();
45 <nav class="container navbar navbar-expand-md navbar-light navbar-bg p-0 px-3 mt-2">
46 <div className="navbar-collapse">
47 <ul class="navbar-nav ml-auto">
49 <span class="navbar-text">{this.state.version}</span>
51 <li className="nav-item">
52 <Link className="nav-link" to="/modlog">
57 <Link className="nav-link" to="/instances">
62 <a className="nav-link" href={'/docs/index.html'}>
67 <Link className="nav-link" to="/sponsors">
72 <a className="nav-link" href={repoUrl}>
81 parseMessage(msg: WebSocketJsonResponse) {
82 let res = wsJsonToRes(msg);
84 if (res.op == UserOperation.GetSite) {
85 let data = res.data as GetSiteResponse;
86 this.setState({ version: data.version });