From f2a474dd6055912243fcb9ffeaf2d40005af5c35 Mon Sep 17 00:00:00 2001
From: Nick Grato <nickgrato@ngrato-27545.local>
Date: Thu, 9 Nov 2023 09:25:18 -0800
Subject: [PATCH] fixing warning bug

---
 .../SidePanelLayout/SidePanelLayout.module.scss      | 10 +++++++++-
 client/layouts/SidePanelLayout/SidePanelLayout.tsx   | 12 ++++++++++++
 client/pages/dashboard/dashboard.module.scss         |  8 --------
 client/pages/dashboard/index.tsx                     | 10 ----------
 4 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/client/layouts/SidePanelLayout/SidePanelLayout.module.scss b/client/layouts/SidePanelLayout/SidePanelLayout.module.scss
index c59d9408..7ada796f 100644
--- a/client/layouts/SidePanelLayout/SidePanelLayout.module.scss
+++ b/client/layouts/SidePanelLayout/SidePanelLayout.module.scss
@@ -1,7 +1,7 @@
 @use '../../styles/core/boilerplate' as *;
 
 .layout_wrapper {
-  margin-top: 95px;
+  margin-top: 20px;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
@@ -39,3 +39,11 @@
     margin-bottom: 0;
   }
 }
+
+.warning {
+  max-width: 1200px;
+  margin-bottom: 24px;
+  @include tablet-down {
+    max-width: 100%;
+  }
+}
diff --git a/client/layouts/SidePanelLayout/SidePanelLayout.tsx b/client/layouts/SidePanelLayout/SidePanelLayout.tsx
index 55e39908..53044532 100644
--- a/client/layouts/SidePanelLayout/SidePanelLayout.tsx
+++ b/client/layouts/SidePanelLayout/SidePanelLayout.tsx
@@ -6,6 +6,7 @@ import FeedbackBanner from '@Shared/FeedbackBanner/FeedbackBanner';
 import SkeletonCard from '@Shared/SkeletonCard/SkeletonCard';
 import { SubscriptionT } from 'services/subscription.service';
 import Hub, { loadingHub } from 'classes/Hub';
+import Warning from '@Shared/Warning/Warning';
 
 type SidePanelLayoutProps = {
   children: ReactNode;
@@ -27,6 +28,17 @@ const SidePanelLayout = ({
 
   return (
     <>
+      <div className="flex-justify-center mt-20 px-20">
+        <div className={styles.warning}>
+          <Warning
+            title="Be Advised"
+            message="We are aware of an outage currently impacting Starter and Personal plans in one of our service regions. If your assigned URL contains 'us1' you may be affected by this outage. Our team is actively working to resolve the issue, and we appreciate your patience. We apologize for any inconvenience this may cause. If you have any questions regarding this issue, please contact us,"
+            onClick={() => {
+              window.open('mailto:hubs-feedback@mozilla.com');
+            }}
+          />
+        </div>
+      </div>
       <section className={styles.layout_wrapper}>
         {children}
         {/* SIDE PANEL WIDGET  */}
diff --git a/client/pages/dashboard/dashboard.module.scss b/client/pages/dashboard/dashboard.module.scss
index 64907400..4fd82c13 100644
--- a/client/pages/dashboard/dashboard.module.scss
+++ b/client/pages/dashboard/dashboard.module.scss
@@ -9,11 +9,3 @@
     min-width: initial;
   }
 }
-
-.warning {
-  max-width: 1200px;
-  margin-bottom: 24px;
-  @include tablet-down {
-    max-width: 100%;
-  }
-}
diff --git a/client/pages/dashboard/index.tsx b/client/pages/dashboard/index.tsx
index 66105100..1f177d6c 100644
--- a/client/pages/dashboard/index.tsx
+++ b/client/pages/dashboard/index.tsx
@@ -157,16 +157,6 @@ const Dashboard = ({ subscription }: DashboardPropsT) => {
         subscription={subscription}
         isLoading={isLoading && Boolean(account.planName)}
       >
-        <div className={styles.warning}>
-          <Warning
-            title="Be Advised"
-            message="We are aware of an outage currently impacting Starter and Personal plans in one of our service regions. If your assigned URL contains 'us1' you may be affected by this outage. Our team is actively working to resolve the issue, and we appreciate your patience. We apologize for any inconvenience this may cause. If you have any questions regarding this issue, please contact us,"
-            onClick={() => {
-              window.open('mailto:hubs-feedback@mozilla.com');
-            }}
-          />
-        </div>
-
         <div className={styles.cards_wrapper}>
           {/* Hub Creating */}
           {/* TODO (Tech Debt): Right now (EA) we are only dealing with one hub, so, if there are zero