From 961556e086901aeae22f358c1f409e476b5cd622 Mon Sep 17 00:00:00 2001
From: Nevo David <me@nevos.io>
Date: Fri, 25 Jul 2025 22:37:38 +0700
Subject: [PATCH] feat: no data states

---
 .../src/components/new-layout/layout.media.component.tsx  | 8 +++++---
 .../components/platform-analytics/platform.analytics.tsx  | 2 +-
 apps/frontend/src/components/plugs/plugs.tsx              | 2 +-
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/apps/frontend/src/components/new-layout/layout.media.component.tsx b/apps/frontend/src/components/new-layout/layout.media.component.tsx
index c95dd990..5835e445 100644
--- a/apps/frontend/src/components/new-layout/layout.media.component.tsx
+++ b/apps/frontend/src/components/new-layout/layout.media.component.tsx
@@ -4,6 +4,8 @@ import { MediaBox } from '@gitroom/frontend/components/media/media.component';
 
 export const MediaLayoutComponent = () => {
   return (
-    <MediaBox setMedia={() => {}} closeModal={() => {}} standalone={true} />
-  )
-}
\ No newline at end of file
+    <div className="bg-newBgColorInner p-[20px] flex flex-1 flex-col gap-[15px] transition-all">
+      <MediaBox setMedia={() => {}} closeModal={() => {}} standalone={true} />
+    </div>
+  );
+};
diff --git a/apps/frontend/src/components/platform-analytics/platform.analytics.tsx b/apps/frontend/src/components/platform-analytics/platform.analytics.tsx
index 54c57fe3..3ac81cad 100644
--- a/apps/frontend/src/components/platform-analytics/platform.analytics.tsx
+++ b/apps/frontend/src/components/platform-analytics/platform.analytics.tsx
@@ -127,7 +127,7 @@ export const PlatformAnalytics = () => {
   }
   if (!sortedIntegrations.length && !isLoading) {
     return (
-      <div className="flex flex-col items-center mt-[100px] gap-[27px] text-center">
+      <div className="bg-newBgColorInner p-[20px] flex flex-col gap-[15px] transition-all flex-1 justify-center items-center text-center">
         <div>
           <img src="/peoplemarketplace.svg" />
         </div>
diff --git a/apps/frontend/src/components/plugs/plugs.tsx b/apps/frontend/src/components/plugs/plugs.tsx
index d06e9a5b..d6c7f07f 100644
--- a/apps/frontend/src/components/plugs/plugs.tsx
+++ b/apps/frontend/src/components/plugs/plugs.tsx
@@ -75,7 +75,7 @@ export const Plugs = () => {
   }
   if (!sortedIntegrations.length && !isLoading) {
     return (
-      <div className="flex flex-col items-center mt-[100px] gap-[27px] text-center">
+      <div className="bg-newBgColorInner p-[20px] flex flex-1 flex-col gap-[15px] transition-all items-center justify-center">
         <div>
           <img src="/peoplemarketplace.svg" />
         </div>