From faef57738c658abcb44e425a32fec8f49adb1b77 Mon Sep 17 00:00:00 2001
From: Nevo David <me@nevos.io>
Date: Mon, 29 Dec 2025 22:01:47 +0700
Subject: [PATCH] feat: generator

---
 .../modal/[style]/[platform]/page.tsx         |   2 +-
 .../components/launches/layout.standalone.tsx |   2 +-
 .../src/components/media/media.component.tsx  | 102 +++++++++---------
 .../components/new-launch/manage.modal.tsx    |  37 ++++---
 .../standalone-modal/standalone.modal.tsx     |   1 -
 5 files changed, 74 insertions(+), 70 deletions(-)

diff --git a/apps/frontend/src/app/(extension)/modal/[style]/[platform]/page.tsx b/apps/frontend/src/app/(extension)/modal/[style]/[platform]/page.tsx
index b68643f5..c1f60c90 100644
--- a/apps/frontend/src/app/(extension)/modal/[style]/[platform]/page.tsx
+++ b/apps/frontend/src/app/(extension)/modal/[style]/[platform]/page.tsx
@@ -4,7 +4,7 @@ import { StandaloneModal } from '@gitroom/frontend/components/standalone-modal/s
 import { usePathname } from 'next/navigation';
 export default async function Modal() {
   return (
-    <div className="text-textColor">
+    <div className="text-textColor h-screen w-screen">
       <StandaloneModal />
     </div>
   );
diff --git a/apps/frontend/src/components/launches/layout.standalone.tsx b/apps/frontend/src/components/launches/layout.standalone.tsx
index 275bea5f..746a35de 100644
--- a/apps/frontend/src/components/launches/layout.standalone.tsx
+++ b/apps/frontend/src/components/launches/layout.standalone.tsx
@@ -15,7 +15,7 @@ export const AppLayout = ({ children }: { children: ReactNode }) => {
   }, [params]);
   return (
     <div
-      className={`hideCopilot ${style} h-[100vh] !padding-[50px] w-full text-textColor flex flex-col !bg-none`}
+      className={`hideCopilot ${style} h-[100vh] w-full text-textColor flex flex-1 flex-col !bg-none`}
     >
       <style>
         {`
diff --git a/apps/frontend/src/components/media/media.component.tsx b/apps/frontend/src/components/media/media.component.tsx
index 9f2c5731..a401156f 100644
--- a/apps/frontend/src/components/media/media.component.tsx
+++ b/apps/frontend/src/components/media/media.component.tsx
@@ -690,64 +690,62 @@ export const MultiMediaComponent: FC<{
             </ReactSortable>
           )}
         </div>
-        {!dummy && (
-          <div className="flex gap-[8px] px-[12px] border-t border-newColColor w-full b1 text-textColor">
-            {!mediaNotAvailable && (
-              <div className="flex py-[10px] b2 items-center gap-[4px]">
-                <div
-                  onClick={showModal}
-                  className="cursor-pointer h-[30px] rounded-[6px] justify-center items-center flex bg-newColColor px-[8px]"
-                >
-                  <div className="flex gap-[8px] items-center">
-                    <div>
-                      <InsertMediaIcon />
-                    </div>
-                    <div className="text-[10px] font-[600] maxMedia:hidden block">
-                      {t('insert_media', 'Insert Media')}
-                    </div>
+        <div className="flex gap-[8px] px-[12px] border-t border-newColColor w-full b1 text-textColor">
+          {!mediaNotAvailable && (
+            <div className="flex py-[10px] b2 items-center gap-[4px]">
+              <div
+                onClick={showModal}
+                className="cursor-pointer h-[30px] rounded-[6px] justify-center items-center flex bg-newColColor px-[8px]"
+              >
+                <div className="flex gap-[8px] items-center">
+                  <div>
+                    <InsertMediaIcon />
+                  </div>
+                  <div className="text-[10px] font-[600] maxMedia:hidden block">
+                    {t('insert_media', 'Insert Media')}
                   </div>
                 </div>
-                <div
-                  onClick={designMedia}
-                  className="cursor-pointer h-[30px] rounded-[6px] justify-center items-center flex bg-newColColor px-[8px]"
-                >
-                  <div className="flex gap-[5px] items-center">
-                    <div>
-                      <DesignMediaIcon />
-                    </div>
-                    <div className="text-[10px] font-[600] iconBreak:hidden block">
-                      {t('design_media', 'Design Media')}
-                    </div>
+              </div>
+              <div
+                onClick={designMedia}
+                className="cursor-pointer h-[30px] rounded-[6px] justify-center items-center flex bg-newColColor px-[8px]"
+              >
+                <div className="flex gap-[5px] items-center">
+                  <div>
+                    <DesignMediaIcon />
+                  </div>
+                  <div className="text-[10px] font-[600] iconBreak:hidden block">
+                    {t('design_media', 'Design Media')}
                   </div>
                 </div>
+              </div>
 
-                <ThirdPartyMedia allData={allData} onChange={changeMedia} />
+              <ThirdPartyMedia allData={allData} onChange={changeMedia} />
 
-                {!!user?.tier?.ai && (
-                  <>
-                    <AiImage value={text} onChange={changeMedia} />
-                    <AiVideo value={text} onChange={changeMedia} />
-                  </>
-                )}
-              </div>
-            )}
-            {!mediaNotAvailable && (
-              <div className="text-newColColor h-full flex items-center">
-                <VerticalDividerIcon />
-              </div>
-            )}
-            {!!toolBar && (
-              <div className="flex py-[10px] b2 items-center gap-[4px]">
-                {toolBar}
-              </div>
-            )}
-            {information && (
-              <div className="flex-1 justify-end flex py-[10px] b2 items-center gap-[4px]">
-                {information}
-              </div>
-            )}
-          </div>
-        )}
+              {!!user?.tier?.ai && (
+                <>
+                  <AiImage value={text} onChange={changeMedia} />
+                  <AiVideo value={text} onChange={changeMedia} />
+                </>
+              )}
+            </div>
+          )}
+          {!mediaNotAvailable && (
+            <div className="text-newColColor h-full flex items-center">
+              <VerticalDividerIcon />
+            </div>
+          )}
+          {!!toolBar && (
+            <div className="flex py-[10px] b2 items-center gap-[4px]">
+              {toolBar}
+            </div>
+          )}
+          {information && (
+            <div className="flex-1 justify-end flex py-[10px] b2 items-center gap-[4px]">
+              {information}
+            </div>
+          )}
+        </div>
       </div>
       <div className="text-[12px] text-red-400">{error}</div>
     </>
diff --git a/apps/frontend/src/components/new-launch/manage.modal.tsx b/apps/frontend/src/components/new-launch/manage.modal.tsx
index 38ebfe33..9bee0d8c 100644
--- a/apps/frontend/src/components/new-launch/manage.modal.tsx
+++ b/apps/frontend/src/components/new-launch/manage.modal.tsx
@@ -107,7 +107,10 @@ export const ManageModal: FC<AddEditModalProps> = (props) => {
             className="w-[20px] h-[20px] rounded-[4px]"
             alt={currentIntegration.identifier}
           />
-          <SettingsIcon size={15} className="text-white absolute -end-[5px] -bottom-[5px]" />
+          <SettingsIcon
+            size={15}
+            className="text-white absolute -end-[5px] -bottom-[5px]"
+          />
         </div>
         <div>{currentIntegration.name} Settings</div>
       </div>
@@ -519,22 +522,26 @@ export const ManageModal: FC<AddEditModalProps> = (props) => {
                       ? t('schedule', 'Schedule')
                       : t('update', 'Update')}
                   </div>
-                  <div className="flex justify-center items-center h-[20px] w-[20px] pt-[4px] arrow-change">
-                    <DropdownArrowSmallIcon className="group-hover:rotate-180 text-white" />
-                  </div>
+                  {!dummy && (
+                    <div className="flex justify-center items-center h-[20px] w-[20px] pt-[4px] arrow-change">
+                      <DropdownArrowSmallIcon className="group-hover:rotate-180 text-white" />
+                    </div>
+                  )}
                 </button>
 
-                <button
-                  onClick={schedule('now')}
-                  disabled={
-                    selectedIntegrations.length === 0 || loading || locked
-                  }
-                  className="rounded-[8px] z-[300] disabled:cursor-not-allowed disabled:opacity-80 hidden group-hover:flex absolute bottom-[100%] -left-[12px] p-[12px] w-[206px] bg-newBgColorInner"
-                >
-                  <div className="text-white rounded-[8px] bg-[#D82D7E] h-[44px] w-full flex justify-center items-center post-now">
-                    Post Now
-                  </div>
-                </button>
+                {!dummy && (
+                  <button
+                    onClick={schedule('now')}
+                    disabled={
+                      selectedIntegrations.length === 0 || loading || locked
+                    }
+                    className="rounded-[8px] z-[300] disabled:cursor-not-allowed disabled:opacity-80 hidden group-hover:flex absolute bottom-[100%] -left-[12px] p-[12px] w-[206px] bg-newBgColorInner"
+                  >
+                    <div className="text-white rounded-[8px] bg-[#D82D7E] h-[44px] w-full flex justify-center items-center post-now">
+                      Post Now
+                    </div>
+                  </button>
+                )}
               </div>
             )}
           </div>
diff --git a/apps/frontend/src/components/standalone-modal/standalone.modal.tsx b/apps/frontend/src/components/standalone-modal/standalone.modal.tsx
index fe160dc2..469ca79c 100644
--- a/apps/frontend/src/components/standalone-modal/standalone.modal.tsx
+++ b/apps/frontend/src/components/standalone-modal/standalone.modal.tsx
@@ -53,7 +53,6 @@ export const StandaloneModal: FC = () => {
           '*'
         );
       }}
-      padding="50px"
       mutate={() => {}}
       integrations={integrations}
       reopenModal={() => {}}