Adding document titles.

- Fixes #100

ui/src/components/communities.tsx

@@ -45,6 +45,7 @@ export class Communities extends Component<any, CommunitiesState> {
   }
 
   componentDidMount() {
+    document.title = "Forums - Lemmy";
     let table = document.querySelector('#community_table');
     Sortable.initTable(table);
   }
@@ -55,7 +56,7 @@ export class Communities extends Component<any, CommunitiesState> {
         {this.state.loading ? 
         <h5 class=""><svg class="icon icon-spinner spin"><use xlinkHref="#icon-spinner"></use></svg></h5> : 
         <div>
-          <h5>Communities</h5>
+          <h5>Forums</h5>
           <div class="table-responsive">
             <table id="community_table" class="table table-sm table-hover">
               <thead class="pointer">

ui/src/components/community.tsx

@@ -99,6 +99,7 @@ export class Community extends Component<any, State> {
       this.state.moderators = res.moderators;
       this.state.admins = res.admins;
       this.state.loading = false;
+      document.title = `/f/${this.state.community.name} - Lemmy`;
       this.setState(this.state);
     } else if (op == UserOperation.EditCommunity) {
       let res: CommunityResponse = msg;

ui/src/components/create-community.tsx

@@ -8,6 +8,10 @@ export class CreateCommunity extends Component<any, any> {
     this.handleCommunityCreate = this.handleCommunityCreate.bind(this);
   }
 
+  componentDidMount() {
+    document.title = "Create Forum - Lemmy";
+  }
+
   render() {
     return (
       <div class="container">

ui/src/components/create-post.tsx

@@ -8,6 +8,10 @@ export class CreatePost extends Component<any, any> {
     this.handlePostCreate = this.handlePostCreate.bind(this);
   }
 
+  componentDidMount() {
+    document.title = "Create Post - Lemmy";
+  }
+
   render() {
     return (
       <div class="container">

ui/src/components/home.tsx

@@ -14,6 +14,10 @@ export class Home extends Component<any, any> {
     )
   }
 
+  componentDidMount() {
+    document.title = "Lemmy";
+  }
+
   listType(): ListingType { 
     return (this.props.match.path == '/all') ? ListingType.All : ListingType.Subscribed;
   }

ui/src/components/inbox.tsx

@@ -48,6 +48,10 @@ export class Inbox extends Component<any, InboxState> {
     this.subscription.unsubscribe();
   }
 
+  componentDidMount() {
+    document.title = `/u/${UserService.Instance.user.username} Inbox - Lemmy`;
+  }
+
   render() {
     let user = UserService.Instance.user;
     return (

ui/src/components/login.tsx

@@ -48,6 +48,10 @@ export class Login extends Component<any, State> {
     this.subscription.unsubscribe();
   }
 
+  componentDidMount() {
+    document.title = "Login - Lemmy";
+  }
+
   render() {
     return (
       <div class="container">

ui/src/components/modlog.tsx

@@ -44,6 +44,10 @@ export class Modlog extends Component<any, ModlogState> {
     this.subscription.unsubscribe();
   }
 
+  componentDidMount() {
+    document.title = "Modlog - Lemmy";
+  }
+
   setCombined(res: GetModlogResponse) {
     let removed_posts = addTypeInfo(res.removed_posts, "removed_posts");
     let locked_posts = addTypeInfo(res.locked_posts, "locked_posts");

ui/src/components/post.tsx

@@ -232,6 +232,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`;
       this.setState(this.state);
     } else if (op == UserOperation.CreateComment) {
       let res: CommentResponse = msg;

ui/src/components/setup.tsx

@@ -45,6 +45,10 @@ export class Setup extends Component<any, State> {
     this.subscription.unsubscribe();
   }
 
+  componentDidMount() {
+    document.title = "Setup - Lemmy";
+  }
+
   render() {
     return (
       <div class="container">

ui/src/components/user.tsx

@@ -294,6 +294,7 @@ export class User extends Component<any, UserState> {
       this.state.follows = res.follows;
       this.state.moderates = res.moderates;
       this.state.posts = res.posts;
+      document.title = `/u/${this.state.user.name} - Lemmy`;
       this.setState(this.state);
     } 
   }