feat: Add MigrationMessage component to PageLayout and HomePage

2anki · Jul 21, 2023 · 06d5df5 · 06d5df5
1 parent ea15cc1
commit 06d5df5
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 0 deletions.
diff --git a/src/components/Layout/PageLayout.tsx b/src/components/Layout/PageLayout.tsx
@@ -4,6 +4,7 @@ import { ErrorPresenter } from '../errors/ErrorPresenter';
 import { Menu } from './SideBar/Meny';
 import { canShowNavbar } from '../shared/canShowNavbar';
 import NavigationBar from '../NavigationBar/NavigationBar';
+import { MigrationMessage } from '../MigrationMessage';
 
 interface LayoutProps {
   error: unknown;
@@ -27,6 +28,7 @@ export function PageLayout({ error, children }: LayoutProps) {
 
   return (
     <>
+      <MigrationMessage />
       <PageHeader>
         <NavigationBar />
       </PageHeader>

diff --git a/src/components/MigrationMessage.tsx b/src/components/MigrationMessage.tsx
@@ -0,0 +1,12 @@
+import styled from 'styled-components';
+
+const Background = styled.div`
+  background: rgb(229, 229, 229);
+  padding: 1rem;
+  border-bottom: 1px solid black;
+`;
+export function MigrationMessage() {
+  return <Background>
+    ⚠️ Due to server migration you might experience some outage. Please try again later!
+  </Background>
+}
diff --git a/src/pages/HomePage/HomePage.tsx b/src/pages/HomePage/HomePage.tsx
@@ -5,10 +5,12 @@ import HeroSection from './components/Sections/hero';
 import NewsSection from './components/Sections/news/NewsSection';
 import { HomeContainer } from '../../components/styled';
 import NavigationBar from '../../components/NavigationBar/NavigationBar';
+import { MigrationMessage } from '../../components/MigrationMessage';
 
 export function HomePage() {
   return (
     <>
+      <MigrationMessage />
       <NavigationBar />
       <HomeContainer>
         <HeroSection />