set title for index item listing.

src/components/AppRoot.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
-import { RouteComponentProps, withRouter } from 'react-router-dom';
 import Helmet from 'react-helmet';
+import { RouteComponentProps, withRouter } from 'react-router-dom';
 import Header from './Header';
 import Container from './Container';
 import Footer from './Footer';

src/components/PageNotFound.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
-import { RouteComponentProps } from 'react-router';
 import Helmet from 'react-helmet';
+import { RouteComponentProps } from 'react-router';
 
 interface Props extends RouteComponentProps { }
 

src/components/database/Database.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Switch, Route } from 'react-router-dom';
 import Helmet from 'react-helmet';
+import { Switch, Route } from 'react-router-dom';
 import DatabaseTop from './DatabaseTop';
 import DatabaseDetailItem from './DatabaseDetailItem';
 import DatabaseAdvancedSearch from './DatabaseAdvancedSearch';

src/components/database/DatabaseDetailItem.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
-import { RouteComponentProps } from 'react-router';
 import Helmet from 'react-helmet';
+import { RouteComponentProps } from 'react-router';
 import ItemUtil, { Item } from './lib/ItemUtil';
 import ItemType from './item-type';
 

src/components/database/DatabaseSearchByIndexId.tsx

@@ -1,4 +1,5 @@
-import React, { Component } from 'react';
+import React, { Component, Fragment } from 'react';
+import Helmet from 'react-helmet';
 import { RouteComponentProps } from 'react-router';
 import { Link } from 'react-router-dom';
 import IndexUtil, { Index, INDEX_ID_PUBLIC } from './lib/IndexUtil';
@@ -54,10 +55,14 @@ class DatabaseSearchByIndexId extends Component<Props, State> {
         const pIndexes = IndexUtil.getParents(this.state.index.id);
         const parents = pIndexes.map((value: Index) => {
             const url: string = IndexUtil.getUrl(value.id);
-            return <span key={value.id}>/&nbsp;<Link to={url}>{value.title}</Link>&nbsp;</span>
+            return <Fragment key={value.id}>/ <Link to={url}>{value.title}</Link> </Fragment>;
         });
+        const title = pIndexes.map((value) => { return '/' + value.title; }).join('');
         return (
             <div className="list">
+                <Helmet>
+                    <title>{title} - Database - Pupil Platform</title>
+                </Helmet>
                 <h3>Listing item</h3>
                 <div>{parents}</div>
                 <DatabaseListIndex index={this.state.index} />