From 466f988f47d858274c6de562a2ecc4ec6466bd4d Mon Sep 17 00:00:00 2001
From: Dessalines <tyhou13@gmx.com>
Date: Mon, 22 Apr 2019 09:24:13 -0700
Subject: [PATCH] Adding document titles.

- Fixes #100
---
 ui/src/components/communities.tsx      | 3 ++-
 ui/src/components/community.tsx        | 1 +
 ui/src/components/create-community.tsx | 4 ++++
 ui/src/components/create-post.tsx      | 4 ++++
 ui/src/components/home.tsx             | 4 ++++
 ui/src/components/inbox.tsx            | 4 ++++
 ui/src/components/login.tsx            | 4 ++++
 ui/src/components/modlog.tsx           | 4 ++++
 ui/src/components/post.tsx             | 1 +
 ui/src/components/setup.tsx            | 4 ++++
 ui/src/components/user.tsx             | 1 +
 11 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/communities.tsx b/ui/src/components/communities.tsx
index 9145c1cd5..232068073 100644
--- a/ui/src/components/communities.tsx
+++ b/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">
diff --git a/ui/src/components/community.tsx b/ui/src/components/community.tsx
index c89d2f062..f521d518d 100644
--- a/ui/src/components/community.tsx
+++ b/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;
diff --git a/ui/src/components/create-community.tsx b/ui/src/components/create-community.tsx
index 0e806dbb1..fb264ab2c 100644
--- a/ui/src/components/create-community.tsx
+++ b/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">
diff --git a/ui/src/components/create-post.tsx b/ui/src/components/create-post.tsx
index 7d2f1dd4e..e2998ca7e 100644
--- a/ui/src/components/create-post.tsx
+++ b/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">
diff --git a/ui/src/components/home.tsx b/ui/src/components/home.tsx
index eff09f7e1..cebe222b7 100644
--- a/ui/src/components/home.tsx
+++ b/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;
   }
diff --git a/ui/src/components/inbox.tsx b/ui/src/components/inbox.tsx
index e6ce6d13f..e386aa1a8 100644
--- a/ui/src/components/inbox.tsx
+++ b/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 (
diff --git a/ui/src/components/login.tsx b/ui/src/components/login.tsx
index 6d15a382d..d66466b15 100644
--- a/ui/src/components/login.tsx
+++ b/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">
diff --git a/ui/src/components/modlog.tsx b/ui/src/components/modlog.tsx
index 7145b4f6c..55df617a7 100644
--- a/ui/src/components/modlog.tsx
+++ b/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");
diff --git a/ui/src/components/post.tsx b/ui/src/components/post.tsx
index a01bdcc88..5483338c5 100644
--- a/ui/src/components/post.tsx
+++ b/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;
diff --git a/ui/src/components/setup.tsx b/ui/src/components/setup.tsx
index 9a671359a..edb98260c 100644
--- a/ui/src/components/setup.tsx
+++ b/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">
diff --git a/ui/src/components/user.tsx b/ui/src/components/user.tsx
index 8ebde48a9..b530e41ec 100644
--- a/ui/src/components/user.tsx
+++ b/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);
     } 
   }