From c62c1007ce673f52befa4b7788525bc8ba2e2f5c Mon Sep 17 00:00:00 2001
From: Yoshihiro OKUMURA <yoshihiro.okumura@riken.jp>
Date: Mon, 20 May 2019 20:18:14 +0900
Subject: [PATCH] set title for index item listing.

---
 src/components/AppRoot.tsx                          | 2 +-
 src/components/PageNotFound.tsx                     | 2 +-
 src/components/database/Database.tsx                | 2 +-
 src/components/database/DatabaseDetailItem.tsx      | 2 +-
 src/components/database/DatabaseSearchByIndexId.tsx | 9 +++++++--
 5 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/AppRoot.tsx b/src/components/AppRoot.tsx
index d9f4c76..934b526 100644
--- a/src/components/AppRoot.tsx
+++ b/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';
diff --git a/src/components/PageNotFound.tsx b/src/components/PageNotFound.tsx
index f3b120f..010e285 100644
--- a/src/components/PageNotFound.tsx
+++ b/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 { }
 
diff --git a/src/components/database/Database.tsx b/src/components/database/Database.tsx
index d95753a..f55ea95 100644
--- a/src/components/database/Database.tsx
+++ b/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';
diff --git a/src/components/database/DatabaseDetailItem.tsx b/src/components/database/DatabaseDetailItem.tsx
index fca6313..4d99d2f 100644
--- a/src/components/database/DatabaseDetailItem.tsx
+++ b/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';
 
diff --git a/src/components/database/DatabaseSearchByIndexId.tsx b/src/components/database/DatabaseSearchByIndexId.tsx
index 8b49b33..e19bf17 100644
--- a/src/components/database/DatabaseSearchByIndexId.tsx
+++ b/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} />