From 06d4d946d919c1b3ca34b813300f09ce22c56cd9 Mon Sep 17 00:00:00 2001
From: Vadym <wadedevelop@gmail.com>
Date: Thu, 29 Nov 2018 09:59:34 +0200
Subject: [PATCH] Display uploaded file name in the document title (#244)
 (#326)

* Add filename to the document.title

* minor fixes

* no-space-before-colon
---
 src/components/compress/index.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/components/compress/index.tsx b/src/components/compress/index.tsx
index 89912bb4..acd7d392 100644
--- a/src/components/compress/index.tsx
+++ b/src/components/compress/index.tsx
@@ -162,6 +162,8 @@ const resultTitles = ['Top', 'Bottom'];
 const buttonPositions =
   ['download-left', 'download-right'] as ('download-left' | 'download-right')[];
 
+const originalDocumentTitle = document.title;
+
 export default class Compress extends Component<Props, State> {
   widthQuery = window.matchMedia('(max-width: 599px)');
 
@@ -226,12 +228,22 @@ export default class Compress extends Component<Props, State> {
     });
   }
 
+  private updateDocumentTitle(filename: string = '') {
+    const newTitle: string = filename ? `${filename} - ${originalDocumentTitle}` : originalDocumentTitle;
+
+    document.title = newTitle;
+  }
+
   componentWillReceiveProps(nextProps: Props): void {
     if (nextProps.file !== this.props.file) {
       this.updateFile(nextProps.file);
     }
   }
 
+  componentWillUnmount(): void {
+    this.updateDocumentTitle();
+  }
+
   componentDidUpdate(prevProps: Props, prevState: State): void {
     const { source, images } = this.state;
 
@@ -328,6 +340,7 @@ export default class Compress extends Component<Props, State> {
         });
       }
 
+      this.updateDocumentTitle(file.name);
       this.setState(newState);
     } catch (err) {
       if (err.name === 'AbortError') return;