[#41] Unified header look

datagov-cz · Oct 14, 2021 · 7f3b148 · 7f3b148
1 parent c04c297
commit 7f3b148
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 13 deletions.
diff --git a/src/components/DetailPageHeader.tsx b/src/components/DetailPageHeader.tsx
@@ -28,7 +28,7 @@ const DetailPageHeader: React.FC<DetailPageHeaderProps> = (props) => {
   );
 };
 
-const DetailHeaderWrapper: React.FC = (props) => {
+export const DetailHeaderWrapper: React.FC = (props) => {
   return (
     <Box bgcolor="primary.main" pb={1}>
       <Container>

diff --git a/src/components/DisambiguationPage.tsx b/src/components/DisambiguationPage.tsx
@@ -7,6 +7,7 @@ import { SearchItem, SearchTerm } from "./SearchResult";
 import TermResult from "./TermResult";
 import Loader from "./Loader";
 import usePrefetchTerms from "../hooks/usePrefetchTerms";
+import { DetailHeaderWrapper } from "./DetailPageHeader";
 
 const DisambiguationPage: React.FC = () => {
   const routeQuery = useRouteQuery();
@@ -35,18 +36,11 @@ const DisambiguationPage: React.FC = () => {
 
   return (
     <Box flex={1} display="flex" flexDirection="column">
-      <Box bgcolor="primary.main" pb={1}>
-        <Container>
-          <Box px={5}>
-            <Typography variant="h5" color="textSecondary">
-              slovo
-            </Typography>
-            <Typography variant="h1" color="textSecondary">
-              {wordLabel ?? ""}
-            </Typography>
-          </Box>
-        </Container>
-      </Box>
+      <DetailHeaderWrapper>
+        <Typography variant="h1" color="textSecondary">
+          {wordLabel ?? ""}
+        </Typography>
+      </DetailHeaderWrapper>
       <WordContent terms={terms} />
     </Box>
   );