{modal &&
}
- {mediaModal && !!user?.tier?.ai && (
+ {mediaModal && !!user?.tier?.ai && !dummy && (
)}
@@ -668,40 +678,42 @@ export const MultiMediaComponent: FC<{
)}
-
-
{error}
diff --git a/apps/frontend/src/components/new-launch/add.edit.modal.tsx b/apps/frontend/src/components/new-launch/add.edit.modal.tsx
index aae6811a..151a24b2 100644
--- a/apps/frontend/src/components/new-launch/add.edit.modal.tsx
+++ b/apps/frontend/src/components/new-launch/add.edit.modal.tsx
@@ -11,6 +11,7 @@ import { useShallow } from 'zustand/react/shallow';
import { useExistingData } from '@gitroom/frontend/components/launches/helpers/use.existing.data';
export interface AddEditModalProps {
+ dummy?: boolean;
date: dayjs.Dayjs;
integrations: Integrations[];
allIntegrations?: Integrations[];
@@ -33,16 +34,18 @@ export interface AddEditModalProps {
}
export const AddEditModal: FC
= (props) => {
- const { setAllIntegrations, setDate, setIsCreateSet } = useLaunchStore(
+ const { setAllIntegrations, setDate, setIsCreateSet, setDummy } = useLaunchStore(
useShallow((state) => ({
setAllIntegrations: state.setAllIntegrations,
setDate: state.setDate,
setIsCreateSet: state.setIsCreateSet,
+ setDummy: state.setDummy,
}))
);
const integrations = useLaunchStore((state) => state.integrations);
useEffect(() => {
+ setDummy(!!props.dummy);
setDate(props.date || dayjs());
setAllIntegrations(props.allIntegrations || []);
setIsCreateSet(!!props.addEditSets);
diff --git a/apps/frontend/src/components/new-launch/dummy.code.component.tsx b/apps/frontend/src/components/new-launch/dummy.code.component.tsx
new file mode 100644
index 00000000..13cdef0e
--- /dev/null
+++ b/apps/frontend/src/components/new-launch/dummy.code.component.tsx
@@ -0,0 +1,48 @@
+import { TopTitle } from '@gitroom/frontend/components/launches/helpers/top.title.component';
+import { useModals } from '@mantine/modals';
+import React, { FC } from 'react';
+import { Button } from '@gitroom/react/form/button';
+import copy from 'copy-to-clipboard';
+import { useToaster } from '@gitroom/react/toaster/toaster';
+
+export const DummyCodeComponent: FC<{ code: any }> = ({ code }) => {
+ const modal = useModals();
+ const toaster = useToaster();
+
+ return (
+
+
+
+
+
+
{JSON.stringify(code, null, 2)}
+
@@ -373,6 +376,7 @@ export const Editor: FC<{
validateChars?: boolean;
identifier?: string;
totalChars?: number;
+ dummy: boolean;
}> = (props) => {
const {
allValues,
@@ -383,6 +387,7 @@ export const Editor: FC<{
validateChars,
identifier,
appendImages,
+ dummy,
} = props;
const user = useUser();
const [id] = useState(makeId(10));
@@ -536,6 +541,7 @@ export const Editor: FC<{
label={t('attachments', 'Attachments')}
description=""
value={props.pictures}
+ dummy={dummy}
name="image"
onChange={(value) => {
setImages(value.target.value);
diff --git a/apps/frontend/src/components/new-launch/manage.modal.tsx b/apps/frontend/src/components/new-launch/manage.modal.tsx
index c6d2b899..542c68b7 100644
--- a/apps/frontend/src/components/new-launch/manage.modal.tsx
+++ b/apps/frontend/src/components/new-launch/manage.modal.tsx
@@ -28,6 +28,7 @@ import useKeypress from 'react-use-keypress';
import { TopTitle } from '@gitroom/frontend/components/launches/helpers/top.title.component';
import { SelectCustomer } from '@gitroom/frontend/components/launches/select.customer';
import { CopilotPopup } from '@copilotkit/react-ui';
+import { DummyCodeComponent } from '@gitroom/frontend/components/new-launch/dummy.code.component';
function countCharacters(text: string, type: string): number {
if (type !== 'x') {
@@ -46,7 +47,7 @@ export const ManageModal: FC
= (props) => {
const modal = useModals();
usePreventWindowUnload(true);
- const { addEditSets, mutate, customClose } = props;
+ const { addEditSets, mutate, customClose, dummy } = props;
const {
selectedIntegrations,
@@ -98,7 +99,7 @@ export const ManageModal: FC = (props) => {
}, [existingData, mutate, modal]);
const askClose = useCallback(async () => {
- if (!activateExitButton) {
+ if (!activateExitButton || dummy) {
return;
}
@@ -117,7 +118,7 @@ export const ManageModal: FC = (props) => {
}
modal.closeAll();
}
- }, [activateExitButton]);
+ }, [activateExitButton, dummy]);
const changeCustomer = useCallback(
(customer: string) => {
@@ -212,16 +213,18 @@ export const ManageModal: FC = (props) => {
}
}
- const shortLinkUrl = await (
- await fetch('/posts/should-shortlink', {
- method: 'POST',
- body: JSON.stringify({
- messages: checkAllValid.flatMap((p: any) =>
- p.values.flatMap((a: any) => a.content)
- ),
- }),
- })
- ).json();
+ const shortLinkUrl = dummy
+ ? { ask: false }
+ : await (
+ await fetch('/posts/should-shortlink', {
+ method: 'POST',
+ body: JSON.stringify({
+ messages: checkAllValid.flatMap((p: any) =>
+ p.values.flatMap((a: any) => a.content)
+ ),
+ }),
+ })
+ ).json();
const shortLink = !shortLinkUrl.ask
? false
@@ -233,48 +236,68 @@ export const ManageModal: FC = (props) => {
const group = existingData.group || makeId(10);
const data = {
type,
- inter: repeater || undefined,
+ ...(repeater ? { inter: repeater } : {}),
tags,
shortLink,
date: date.utc().format('YYYY-MM-DDTHH:mm:ss'),
- posts: checkAllValid.map((p: any) => ({
- integration: p.integration,
+ posts: checkAllValid.map((post: any) => ({
+ integration: {
+ id: post.integration.id,
+ },
group,
- settings: { ...(p.settings || {}) },
- value: p.values.map((a: any) => ({
- ...a,
- image: a.media || [],
- content: a.content.slice(0, p.maximumCharacters || 1000000),
+ settings: { ...(post.settings || {}) },
+ value: post.values.map((value: any) => ({
+ ...(value.id ? { id: value.id } : {}),
+ content: value.content.slice(0, post.maximumCharacters || 1000000),
+ image: value.media.map(({ id, path }: any) => ({ id, path })) || [],
})),
})),
};
- addEditSets
- ? addEditSets(data)
- : await fetch('/posts', {
- method: 'POST',
- body: JSON.stringify(data),
- });
+ if (dummy) {
+ modal.openModal({
+ title: '',
+ children: ,
+ classNames: {
+ modal: 'w-[100%] bg-transparent text-textColor',
+ },
+ size: '100%',
+ withCloseButton: false,
+ closeOnEscape: true,
+ closeOnClickOutside: true,
+ });
- if (!addEditSets) {
- mutate();
- toaster.show(
- !existingData.integration
- ? 'Added successfully'
- : 'Updated successfully'
- );
- }
- if (customClose) {
- setTimeout(() => {
- customClose();
- }, 2000);
+ setLoading(false);
}
- if (!addEditSets) {
- modal.closeAll();
+ if (!dummy) {
+ addEditSets
+ ? addEditSets(data)
+ : await fetch('/posts', {
+ method: 'POST',
+ body: JSON.stringify(data),
+ });
+
+ if (!addEditSets) {
+ mutate();
+ toaster.show(
+ !existingData.integration
+ ? 'Added successfully'
+ : 'Updated successfully'
+ );
+ }
+ if (customClose) {
+ setTimeout(() => {
+ customClose();
+ }, 2000);
+ }
+
+ if (!addEditSets) {
+ modal.closeAll();
+ }
}
},
- [ref, repeater, tags, date, addEditSets]
+ [ref, repeater, tags, date, addEditSets, dummy]
);
return (
@@ -292,13 +315,17 @@ export const ManageModal: FC = (props) => {
-
+ {!dummy && (
+
+ )}
@@ -331,7 +358,7 @@ export const ManageModal: FC
= (props) => {
)}
- {!addEditSets && (
+ {!addEditSets && !dummy && (
-
-
-
- {t('post_now', 'Post now')}
+ {!dummy && (
+
+
+
+ {t('post_now', 'Post now')}
+
-
+ )}
- setTags(e.target.value)}
- />
+ {!dummy && (
+ setTags(e.target.value)}
+ />
+ )}
-
+ {!dummy && (
+
+ )}