feat: add "Patient Explorer" home title

arkhn · Jan 4, 2022 · 27aabf2 · 27aabf2
1 parent ea51447
commit 27aabf2
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 3 deletions.
diff --git 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
diff --git 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
@@ -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"
 }