From 27aabf24b00de8878651c9bbf3dd3ffe31a9f838 Mon Sep 17 00:00:00 2001
From: BPierrick <pierrick.bellut95@gmail.com>
Date: Thu, 16 Dec 2021 19:11:11 +0100
Subject: [PATCH] feat: add "Patient Explorer" home title

---
 src/app/routes/Home.tsx         | 25 ++++++++++++++++++++++++-
 src/assets/icons/arkhn-logo.svg |  3 +++
 src/locales/en.json             |  3 ++-
 src/locales/fr.json             |  3 ++-
 4 files changed, 31 insertions(+), 3 deletions(-)
 create mode 100644 src/assets/icons/arkhn-logo.svg

diff --git a/src/app/routes/Home.tsx b/src/app/routes/Home.tsx
index 3f37a2e..9fb7e24 100644
--- a/src/app/routes/Home.tsx
+++ b/src/app/routes/Home.tsx
@@ -1,19 +1,36 @@
 import React from "react";
 
 import type { IPatient } from "@ahryman40k/ts-fhir-types/lib/R4";
-import { Container } from "@mui/material";
+import { Container, Typography } from "@mui/material";
 import { makeStyles } from "@mui/styles";
+import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 
+import { ReactComponent as ArkhnLogo } from "assets/icons/arkhn-logo.svg";
 import PatientSearchBar from "features/patients/PatientSearchBar";
 
 const useStyles = makeStyles((theme) => ({
   root: {
     marginTop: theme.spacing(10),
   },
+  logo: {
+    maxHeight: 50,
+    width: "auto",
+    "& > path": {
+      fill: theme.palette.primary.main,
+    },
+  },
+  logoContainer: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: theme.spacing(2),
+    marginBottom: theme.spacing(3),
+  },
 }));
 
 const Home = (): JSX.Element => {
+  const { t } = useTranslation();
   const classes = useStyles();
   const navigate = useNavigate();
 
@@ -26,6 +43,12 @@ const Home = (): JSX.Element => {
 
   return (
     <Container maxWidth="sm" className={classes.root}>
+      <div className={classes.logoContainer}>
+        <ArkhnLogo className={classes.logo} />
+        <Typography color="primary" variant="h3">
+          {t("patientExplorer")}
+        </Typography>
+      </div>
       <PatientSearchBar onChange={handlePatientSelect} />
     </Container>
   );
diff --git a/src/assets/icons/arkhn-logo.svg b/src/assets/icons/arkhn-logo.svg
new file mode 100644
index 0000000..4570118
--- /dev/null
+++ b/src/assets/icons/arkhn-logo.svg
@@ -0,0 +1,3 @@
+<svg width="154" height="200" viewBox="0 0 154 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M77 0L0 153.469L77 200L154 153.469L77 0ZM88.0187 70.9385L125.341 145.331L88.0187 167.885V70.9385ZM65.9813 70.9385V167.885L28.6594 145.331L65.9813 70.9385Z" fill="#3C4961"/>
+</svg>
\ No newline at end of file
diff --git a/src/locales/en.json b/src/locales/en.json
index 1c6c7bd..b70cb96 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -15,5 +15,6 @@
   "ipp": "IPP",
   "showFHIRResource": "Show FHIR Resource",
   "hideFHIRResource": "Hide FHIR Resource",
-  "viewDocument": "View document"
+  "viewDocument": "View document",
+  "patientExplorer": "Patient Explorer"
 }
diff --git a/src/locales/fr.json b/src/locales/fr.json
index be4466a..cfb766c 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -15,5 +15,6 @@
   "ipp": "IPP",
   "showFHIRResource": "Afficher la ressource FHIR",
   "hideFHIRResource": "Cacher la ressource FHIR",
-  "viewDocument": "Afficher le document"
+  "viewDocument": "Afficher le document",
+  "patientExplorer": "Patient Explorer"
 }