From 56802bada6ea46d46ba2ea5df4ffc66f8bdf7380 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <62335616+lucaseduoli@users.noreply.github.com>
Date: Fri, 13 Sep 2024 14:29:19 -0300
Subject: [PATCH] refactor: add custom banner and refactor pagelayout to
 include it (#3803)

* Added custom banner

* Refactored pageLayout to include custom banner
---
 .../src/components/pageLayout/index.tsx       | 28 +++++++++++--------
 .../components/custom-banner.tsx              |  3 ++
 2 files changed, 19 insertions(+), 12 deletions(-)
 create mode 100644 src/frontend/src/customization/components/custom-banner.tsx

diff --git a/src/frontend/src/components/pageLayout/index.tsx b/src/frontend/src/components/pageLayout/index.tsx
index bf815e9ac..10be78bbd 100644
--- a/src/frontend/src/components/pageLayout/index.tsx
+++ b/src/frontend/src/components/pageLayout/index.tsx
@@ -1,3 +1,4 @@
+import { CustomBanner } from "@/customization/components/custom-banner";
 import { Separator } from "../ui/separator";
 
 export default function PageLayout({
@@ -14,19 +15,22 @@ export default function PageLayout({
   betaIcon?: boolean;
 }) {
   return (
-    <div className="flex h-full w-full flex-col justify-between overflow-auto bg-background px-16">
-      <div className="flex w-full items-center justify-between gap-4 space-y-0.5 py-8 pb-2">
-        <div className="flex w-full flex-col">
-          <h2
-            className="text-2xl font-bold tracking-tight"
-            data-testid="mainpage_title"
-          >
-            {title}
-            {betaIcon && <span className="store-beta-icon">BETA</span>}
-          </h2>
-          <p className="text-muted-foreground">{description}</p>
+    <div className="flex h-full w-full flex-col justify-between overflow-auto bg-background px-16 pt-6">
+      <div className="flex flex-col gap-4">
+        <CustomBanner />
+        <div className="flex w-full items-center justify-between gap-4 space-y-0.5 py-2">
+          <div className="flex w-full flex-col">
+            <h2
+              className="text-2xl font-bold tracking-tight"
+              data-testid="mainpage_title"
+            >
+              {title}
+              {betaIcon && <span className="store-beta-icon">BETA</span>}
+            </h2>
+            <p className="text-muted-foreground">{description}</p>
+          </div>
+          <div className="flex-shrink-0">{button && button}</div>
         </div>
-        <div className="flex-shrink-0">{button && button}</div>
       </div>
       <Separator className="my-6 flex" />
       {children}
diff --git a/src/frontend/src/customization/components/custom-banner.tsx b/src/frontend/src/customization/components/custom-banner.tsx
new file mode 100644
index 000000000..b4a2be11c
--- /dev/null
+++ b/src/frontend/src/customization/components/custom-banner.tsx
@@ -0,0 +1,3 @@
+export function CustomBanner() {
+  return <></>;
+}