From efb651320584c33fb8bd097ac16756a513416a04 Mon Sep 17 00:00:00 2001
From: Erik Michelson <github@erik.michelson.eu>
Date: Wed, 27 May 2020 00:02:19 +0200
Subject: [PATCH] Added translation component for history-page title

---
 src/components/landing/pages/history/history.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/landing/pages/history/history.tsx b/src/components/landing/pages/history/history.tsx
index 1158b5277..446b9fac3 100644
--- a/src/components/landing/pages/history/history.tsx
+++ b/src/components/landing/pages/history/history.tsx
@@ -3,6 +3,7 @@ import {HistoryContent} from './history-content/history-content';
 import {HistoryToolbar, HistoryToolbarState, initState as toolbarInitState} from './history-toolbar/history-toolbar';
 import {loadHistoryFromLocalStore, sortAndFilterEntries} from "../../../../utils/historyUtils";
 import {Row} from 'react-bootstrap';
+import {Trans, useTranslation} from "react-i18next";
 
 export interface HistoryEntry {
     id: string,
@@ -15,6 +16,7 @@ export interface HistoryEntry {
 export type pinClick = (entryId: string) => void;
 
 export const History: React.FC = () => {
+    useTranslation();
     const [historyEntries, setHistoryEntries] = useState<HistoryEntry[]>([])
     const [viewState, setViewState] = useState<HistoryToolbarState>(toolbarInitState)
 
@@ -53,7 +55,7 @@ export const History: React.FC = () => {
 
     return (
         <Fragment>
-            <h1>History</h1>
+            <h1 className="mb-4"><Trans i18nKey="history"/></h1>
             <Row className={"justify-content-center mb-3"}>
                 <HistoryToolbar onSettingsChange={setViewState} tags={tags}/>
             </Row>
@@ -62,4 +64,4 @@ export const History: React.FC = () => {
                                 onPinClick={pinClick}/>
         </Fragment>
     )
-}
\ No newline at end of file
+}