feat: generator
This commit is contained in:
Nevo David
parent
0e5d6f8826
commit
faef57738c
|
|
@ -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>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
{`
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
</>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -53,7 +53,6 @@ export const StandaloneModal: FC = () => {
|
|||
'*'
|
||||
);
|
||||
}}
|
||||
padding="50px"
|
||||
mutate={() => {}}
|
||||
integrations={integrations}
|
||||
reopenModal={() => {}}
|
||||
|
|
|
|||
Loading…
Reference in New Issue