From 1c61e76c9f54aa297c7742882e01032204fc9234 Mon Sep 17 00:00:00 2001
From: Nevo David <me@nevos.io>
Date: Fri, 26 Dec 2025 17:44:10 +0700
Subject: [PATCH] fix: better block view

---
 .../src/components/launches/information.component.tsx        | 4 ++--
 apps/frontend/src/components/new-launch/editor.tsx           | 5 +++--
 .../new-launch/providers/instagram/instagram.preview.tsx     | 0
 3 files changed, 5 insertions(+), 4 deletions(-)
 create mode 100644 apps/frontend/src/components/new-launch/providers/instagram/instagram.preview.tsx

diff --git a/apps/frontend/src/components/launches/information.component.tsx b/apps/frontend/src/components/launches/information.component.tsx
index dfcf6d8a..07b50e5e 100644
--- a/apps/frontend/src/components/launches/information.component.tsx
+++ b/apps/frontend/src/components/launches/information.component.tsx
@@ -116,13 +116,13 @@ export const InformationComponent: FC<{
       {isValid ? <Valid /> : <Invalid />}
 
       {!isGlobal && (
-        <div className="text-[10px] font-[600] flex justify-center items-center">
+        <div className={clsx("text-[10px] font-[600] flex justify-center items-center", !isValid && 'text-white')}>
           {totalChars}/{totalAllowedChars}
         </div>
       )}
       {((isGlobal && selectedIntegrations.length) || !isValid) && (
         <svg
-          className="group-hover:rotate-180"
+          className={clsx('group-hover:rotate-180', !isValid && 'text-white')}
           xmlns="http://www.w3.org/2000/svg"
           width="16"
           height="16"
diff --git a/apps/frontend/src/components/new-launch/editor.tsx b/apps/frontend/src/components/new-launch/editor.tsx
index d14e3d63..9a07161a 100644
--- a/apps/frontend/src/components/new-launch/editor.tsx
+++ b/apps/frontend/src/components/new-launch/editor.tsx
@@ -343,7 +343,7 @@ export const EditorWrapper: FC<{
     <div
       className={clsx(
         'relative flex-col gap-[20px] flex-1',
-        items.length === 1 && 'flex',
+        (items.length === 1 || !canEdit) && 'flex',
         !canEdit && !isCreateSet && 'bg-newSettings rounded-[12px]'
       )}
     >
@@ -399,7 +399,8 @@ export const EditorWrapper: FC<{
             'relative flex flex-col gap-[20px] flex-1 bg-newSettings',
             index === 0 && 'rounded-t-[12px]',
             index === items.length - 1 && 'rounded-b-[12px]',
-            !canEdit && !isCreateSet && 'blur-s'
+            !canEdit && !isCreateSet && 'blur-s',
+            !canEdit && index > 0 && 'hidden'
           )}
         >
           <div className="flex gap-[5px] flex-1 w-full">
diff --git a/apps/frontend/src/components/new-launch/providers/instagram/instagram.preview.tsx b/apps/frontend/src/components/new-launch/providers/instagram/instagram.preview.tsx
new file mode 100644
index 00000000..e69de29b