update required libraries

src/database/Database.tsx

@@ -26,14 +26,14 @@ const Database = (props: Props) => {
             </Helmet>
             <Switch>
                 <Route exact path="/database" render={(props: RouteComponentProps) => <DatabaseTop lang={lang} {...props} />} />
-                <Route exact path="/database/item/:id" render={(props: RouteComponentProps<{ id: string; doi: string }>) => <DatabaseDetailItem lang={lang} {...props} />} />
-                <Route exact path="/database/item/id/:doi" render={(props: RouteComponentProps<{ id: string; doi: string }>) => <DatabaseDetailItem lang={lang} {...props} />} />
+                <Route exact path="/database/item/:id" render={(props: RouteComponentProps<{ id: string }>) => <DatabaseDetailItem lang={lang} {...props} />} />
+                <Route exact path="/database/item/id/:doi" render={(props: RouteComponentProps<{ doi: string }>) => <DatabaseDetailItem lang={lang} {...props} />} />
                 <Route exact path="/database/advanced" render={(props: RouteComponentProps) => <DatabaseAdvancedSearch lang={lang} {...props} />} />
-                <Route exact path="/database/list" render={(props: RouteComponentProps<{ id: string }>) => <DatabaseSearchByIndexId lang={lang} {...props} />} />
+                <Route exact path="/database/list" render={(props: RouteComponentProps) => <DatabaseSearchByIndexId lang={lang} {...props} />} />
                 <Route exact path="/database/list/:id" render={(props: RouteComponentProps<{ id: string }>) => <DatabaseSearchByIndexId lang={lang} {...props} />} />
                 <Route exact path="/database/search" render={(props: RouteComponentProps) => <DatabaseSearchByKeyword lang={lang} {...props} />} />
                 <Route exact path="/database/search/advanced" render={(props: RouteComponentProps) => <DatabaseSearchByAdvancedKeyword lang={lang} {...props} />} />
-                <Route exact path="/database/search/itemtype/:itemType" render={(props: RouteComponentProps<{ itemType: string; subItemType: string }>) => <DatabaseSearchByItemType lang={lang} {...props} />} />
+                <Route exact path="/database/search/itemtype/:itemType" render={(props: RouteComponentProps<{ itemType: string }>) => <DatabaseSearchByItemType lang={lang} {...props} />} />
                 <Route exact path="/database/search/itemtype/:itemType/:subItemType" render={(props: RouteComponentProps<{ itemType: string; subItemType: string }>) => <DatabaseSearchByItemType lang={lang} {...props} />} />
                 <Route component={PageNotFound} />
             </Switch>

src/database/DatabaseDetailItem.tsx

@@ -9,8 +9,8 @@ import ItemType from './item-type';
 import ItemUtil, { Item } from './lib/ItemUtil';
 
 interface Params {
-    id: string;
-    doi: string;
+    id?: string;
+    doi?: string;
 }
 
 interface Props extends RouteComponentProps<Params> {
@@ -78,7 +78,7 @@ class DatabaseDetailItem extends Component<Props, State> {
                 <Helmet>
                     <title>{Functions.mlang(this.state.item.title, lang)} - {Functions.mlang('[en]Database[/en][ja]データベース[/ja]', lang)} - {Functions.siteTitle(lang)}</title>
                 </Helmet>
-                <h3>{Functions.mlang('[en]Detail[/en][ja]詳細[/ja]', lang)}</h3>
+                <h3>{Functions.mlang('[en]Item Detail[/en][ja]アイテム詳細[/ja]', lang)}</h3>
                 <br />
                 <ItemType.Detail lang={lang} item={this.state.item} />
             </>

src/database/DatabaseSearchByIndexId.tsx

@@ -11,7 +11,7 @@ import IndexUtil, { Index, INDEX_ID_PUBLIC } from './lib/IndexUtil';
 import ItemUtil, { SearchCallbackFunc, SortCondition } from './lib/ItemUtil';
 
 interface Params {
-    id: string;
+    id?: string;
 }
 
 export interface Props extends RouteComponentProps<Params> {
@@ -68,9 +68,10 @@ class DatabaseSearchByIndexId extends Component<Props, State> {
         const pIndexes = IndexUtil.getParents(this.state.indexId);
         const parents = pIndexes.map((value: Index) => {
             const url: string = IndexUtil.getUrl(value.id);
-            return <Fragment key={value.id}>/ <Link to={url}>{value.title}</Link> </Fragment>;
+            const title = Functions.mlang(value.title, lang);
+            return <Fragment key={value.id}>/ <Link to={url}>{title}</Link> </Fragment>;
         });
-        const title = pIndexes.map((value) => { return '/' + value.title; }).join('');
+        const title = pIndexes.map((value) => { return '/' + Functions.mlang(value.title, lang); }).join('');
         return (
             <div className="list">
                 <Helmet>

src/database/DatabaseSearchByItemType.tsx

@@ -7,7 +7,7 @@ import ItemUtil, { SearchCallbackFunc, SortCondition } from './lib/ItemUtil';
 
 interface Params {
     itemType: string;
-    subItemType: string;
+    subItemType?: string;
 }
 
 interface Props extends RouteComponentProps<Params> {