Set custom page title

scm-ui/ui-components/src/layout/Title.tsx

@@ -1,17 +1,30 @@
-import React from "react";
+import React, { FC, useEffect } from "react";
 
 type Props = {
   title?: string;
+  customPageTitle?: string;
+  preventRefreshingPageTitle?: boolean;
 };
 
-class Title extends React.Component<Props> {
+const Title: FC<Props> = ({ title, preventRefreshingPageTitle, customPageTitle }) => {
-  render() {
+  useEffect(() => {
-    const { title } = this.props;
+    if (!preventRefreshingPageTitle) {
+      if (customPageTitle) {
+        document.title = customPageTitle;
+      } else if (title) {
+        document.title = title;
+      }
+    }
+  });
+
   if (title) {
     return <h1 className="title">{title}</h1>;
   }
   return null;
-  }
+};
-}
+
+Title.defaultProps = {
+  preventRefreshingPageTitle: false
+};
 
 export default Title;