From 7087e100ba6551da7afb0bbd3908debdc137d262 Mon Sep 17 00:00:00 2001
From: "Collin M. Barrett" <collinbarrett@users.noreply.github.com>
Date: Sun, 25 Aug 2019 17:19:57 -0500
Subject: [PATCH] update document title on drawer open/close

---
 .../src/components/ListDetailsDrawer.tsx      | 38 +++++++++++++++----
 1 file changed, 30 insertions(+), 8 deletions(-)

diff --git a/src/FilterLists.Web.V2/src/components/ListDetailsDrawer.tsx b/src/FilterLists.Web.V2/src/components/ListDetailsDrawer.tsx
index d1d15f286..203937a1e 100644
--- a/src/FilterLists.Web.V2/src/components/ListDetailsDrawer.tsx
+++ b/src/FilterLists.Web.V2/src/components/ListDetailsDrawer.tsx
@@ -10,11 +10,33 @@ interface Props {
   list: List;
 };
 
-export const ListDetailsDrawer = (props: RouteComponentProps & Props) =>
-  <Drawer
-    visible={true}
-    onClose={() => props.history.push("/")}>
-    <h2>{props.list.name}</h2>
-    <Description {...props.list} />
-    <SubscribeButton {...props.list} />
-  </Drawer>;
\ No newline at end of file
+interface State {
+  baseDocumentTitle: string;
+}
+
+export class ListDetailsDrawer extends React.Component<RouteComponentProps & Props, State> {
+  constructor(props: any) {
+    super(props);
+    this.state = {
+      baseDocumentTitle: document.title
+    };
+  }
+
+  componentDidMount() {
+    document.title = this.props.list.name + " | " + this.state.baseDocumentTitle
+  }
+
+  render() {
+    return <Drawer
+      visible={true}
+      onClose={() => this.props.history.push("/")}>
+      <h2>{this.props.list.name}</h2>
+      <Description {...this.props.list} />
+      <SubscribeButton {...this.props.list} />
+    </Drawer>
+  }
+
+  componentWillUnmount() {
+    document.title = this.state.baseDocumentTitle
+  }
+}
\ No newline at end of file