Fix page titles for custom site name

- Fixes #113

ui/src/components/communities.tsx

@@ -46,7 +46,7 @@ export class Communities extends Component<any, CommunitiesState> {
   }
 
   componentDidMount() {
-    document.title = "Communities - Lemmy";
+    document.title = `Communities - ${WebSocketService.Instance.site.name}`;
   }
 
   // Necessary for back button for some reason

ui/src/components/community.tsx

@@ -200,7 +200,7 @@ export class Community extends Component<any, State> {
       this.state.community = res.community;
       this.state.moderators = res.moderators;
       this.state.admins = res.admins;
-      document.title = `/c/${this.state.community.name} - Lemmy`;
+      document.title = `/c/${this.state.community.name} - ${WebSocketService.Instance.site.name}`;
       this.setState(this.state);
       this.fetchPosts();
     } else if (op == UserOperation.EditCommunity) {

ui/src/components/create-community.tsx

@@ -1,6 +1,7 @@
 import { Component } from 'inferno';
 import { CommunityForm } from './community-form';
 import { Community } from '../interfaces';
+import { WebSocketService } from '../services';
 
 export class CreateCommunity extends Component<any, any> {
 
@@ -10,7 +11,7 @@ export class CreateCommunity extends Component<any, any> {
   }
 
   componentDidMount() {
-    document.title = "Create Community - Lemmy";
+    document.title = `Create Community - ${WebSocketService.Instance.site.name}`;
   }
 
   render() {

ui/src/components/create-post.tsx

@@ -1,5 +1,6 @@
 import { Component } from 'inferno';
 import { PostForm } from './post-form';
+import { WebSocketService } from '../services';
 
 export class CreatePost extends Component<any, any> {
 
@@ -9,7 +10,7 @@ export class CreatePost extends Component<any, any> {
   }
 
   componentDidMount() {
-    document.title = "Create Post - Lemmy";
+    document.title = `Create Post - ${WebSocketService.Instance.site.name}`;
   }
 
   render() {

ui/src/components/inbox.tsx

@@ -49,7 +49,7 @@ export class Inbox extends Component<any, InboxState> {
   }
 
   componentDidMount() {
-    document.title = `/u/${UserService.Instance.user.username} Inbox - Lemmy`;
+    document.title = `/u/${UserService.Instance.user.username} Inbox - ${WebSocketService.Instance.site.name}`;
   }
 
   render() {

ui/src/components/login.tsx

@@ -50,7 +50,7 @@ export class Login extends Component<any, State> {
   }
 
   componentDidMount() {
-    document.title = "Login - Lemmy";
+    document.title = `Login - ${WebSocketService.Instance.site.name}`;
   }
 
   render() {

ui/src/components/main.tsx

@@ -101,10 +101,6 @@ export class Main extends Component<any, MainState> {
     this.subscription.unsubscribe();
   }
 
-  componentDidMount() {
-    document.title = "Lemmy";
-  }
-
   // Necessary for back button for some reason
   componentWillReceiveProps(nextProps: any) {
     if (nextProps.history.action == 'POP') {
@@ -377,6 +373,8 @@ export class Main extends Component<any, MainState> {
       this.state.site.site = res.site;
       this.state.site.banned = res.banned;
       this.setState(this.state);
+      document.title = `${WebSocketService.Instance.site.name}`;
+
     } else if (op == UserOperation.EditSite) {
       let res: SiteResponse = msg;
       this.state.site.site = res.site;

ui/src/components/modlog.tsx

@@ -45,7 +45,7 @@ export class Modlog extends Component<any, ModlogState> {
   }
 
   componentDidMount() {
-    document.title = "Modlog - Lemmy";
+    document.title = `Modlog - ${WebSocketService.Instance.site.name}`;
   }
 
   setCombined(res: GetModlogResponse) {

ui/src/components/post.tsx

@@ -253,7 +253,7 @@ export class Post extends Component<any, PostState> {
       this.state.moderators = res.moderators;
       this.state.admins = res.admins;
       this.state.loading = false;
-      document.title = `${this.state.post.name} - Lemmy`;
+      document.title = `${this.state.post.name} - ${WebSocketService.Instance.site.name}`;
       this.setState(this.state);
     } else if (op == UserOperation.CreateComment) {
       let res: CommentResponse = msg;

ui/src/components/search.tsx

@@ -52,7 +52,7 @@ export class Search extends Component<any, SearchState> {
   }
 
   componentDidMount() {
-    document.title = "Search - Lemmy";
+    document.title = `Search - ${WebSocketService.Instance.site.name}`;
   }
 
   render() {
@@ -250,7 +250,7 @@ export class Search extends Component<any, SearchState> {
       let res: SearchResponse = msg;
       this.state.searchResponse = res;
       this.state.loading = false;
-      document.title = `Search - ${this.state.q} - Lemmy`;
+      document.title = `Search - ${this.state.q} - ${WebSocketService.Instance.site.name}`;
       window.scrollTo(0,0);
       this.setState(this.state);
       

ui/src/components/sponsors.tsx

@@ -1,4 +1,5 @@
 import { Component } from 'inferno';
+import { WebSocketService } from '../services';
 
 let general = 
   [
@@ -17,7 +18,7 @@ export class Sponsors extends Component<any, any> {
   }
 
   componentDidMount() {
-    document.title = "Sponsors - Lemmy";
+    document.title = `Sponsors - ${WebSocketService.Instance.site.name}`;
   }
 
   render() {

ui/src/components/user.tsx

@@ -341,7 +341,7 @@ export class User extends Component<any, UserState> {
       this.state.moderates = res.moderates;
       this.state.posts = res.posts;
       this.state.loading = false;
-      document.title = `/u/${this.state.user.name} - Lemmy`;
+      document.title = `/u/${this.state.user.name} - ${WebSocketService.Instance.site.name}`;
       window.scrollTo(0,0);
       this.setState(this.state);
     } else if (op == UserOperation.EditComment) {

ui/src/index.html

@@ -6,7 +6,6 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<link rel="shortcut icon" type="image/svg+xml" href="/static/assets/favicon.svg" />
 	<link rel="apple-touch-icon" href="/static/assets/apple-touch-icon.png" />
-	<title>Lemmy</title>
 	<link rel="stylesheet" href="/static/assets/libs/balloon-css/balloon.min.css">
   <script src="/static/assets/libs/sortable/sortable.min.js"></script>
 </head>

ui/src/services/UserService.ts

@@ -16,7 +16,6 @@ export class UserService {
     } else {
       console.log('No JWT cookie found.');
     }
-
   }
 
   public login(res: LoginResponse) {

ui/src/services/WebSocketService.ts

@@ -8,7 +8,6 @@ import { UserService } from './';
 export class WebSocketService {
   private static _instance: WebSocketService;
   public subject: Subject<any>;
-  public instanceName: string;
 
   public site: Site;
   public admins: Array<UserView>;