feat: focused channel

Author: nevo-david

apps/backend/src/api/routes/posts.controller.ts

@@ -38,7 +38,7 @@ export class PostsController {
     private _starsService: StarsService,
     private _messagesService: MessagesService,
     private _agentGraphService: AgentGraphService,
-    private _shortLinkService: ShortLinkService,
+    private _shortLinkService: ShortLinkService
   ) {}
 
   @Get('/:id/statistics')
@@ -111,6 +111,14 @@ export class PostsController {
     return { date: await this._postsService.findFreeDateTime(org.id) };
   }
 
+  @Get('/find-slot/:id')
+  async findSlotIntegration(
+    @GetOrgFromRequest() org: Organization,
+    @Param('id') id?: string
+  ) {
+    return { date: await this._postsService.findFreeDateTime(org.id, id) };
+  }
+
   @Get('/predict-trending')
   predictTrending() {
     return this._starsService.predictTrending();
@@ -183,7 +191,7 @@ export class PostsController {
   @Post('/separate-posts')
   async separatePosts(
     @GetOrgFromRequest() org: Organization,
-    @Body() body: { content: string, len: number }
+    @Body() body: { content: string; len: number }
   ) {
     return this._postsService.separatePosts(body.content, body.len);
   }

apps/frontend/src/components/launches/menu/menu.tsx

@@ -14,14 +14,19 @@ import { useToaster } from '@gitroom/react/toaster/toaster';
 import interClass from '@gitroom/react/helpers/inter.font';
 import { useModals } from '@mantine/modals';
 import { TimeTable } from '@gitroom/frontend/components/launches/time.table';
-import { useCalendar } from '@gitroom/frontend/components/launches/calendar.context';
+import {
+  Integrations,
+  useCalendar,
+} from '@gitroom/frontend/components/launches/calendar.context';
 import { BotPicture } from '@gitroom/frontend/components/launches/bot.picture';
 import { CustomerModal } from '@gitroom/frontend/components/launches/customer.modal';
 import { Integration } from '@prisma/client';
 import { SettingsModal } from '@gitroom/frontend/components/launches/settings.modal';
 import { CustomVariables } from '@gitroom/frontend/components/launches/add.provider.component';
 import { useRouter } from 'next/navigation';
 import { useT } from '@gitroom/react/translation/get.transation.service.client';
+import { AddEditModal } from '@gitroom/frontend/components/new-launch/add.edit.modal';
+import dayjs from 'dayjs';
 export const Menu: FC<{
   canEnable: boolean;
   canDisable: boolean;
@@ -50,7 +55,7 @@ export const Menu: FC<{
 
   const fetch = useFetch();
   const router = useRouter();
-  const { integrations } = useCalendar();
+  const { integrations, reloadCalendarView } = useCalendar();
   const toast = useToaster();
   const modal = useModals();
   const [show, setShow] = useState(false);
@@ -112,6 +117,7 @@ export const Menu: FC<{
     setShow(false);
     onChange(true);
   }, []);
+
   const enableChannel = useCallback(async () => {
     await fetch('/integrations/enable', {
       method: 'POST',
@@ -123,6 +129,7 @@ export const Menu: FC<{
     setShow(false);
     onChange(false);
   }, []);
+
   const editTimeTable = useCallback(() => {
     const findIntegration = integrations.find(
       (integration) => integration.id === id
@@ -139,6 +146,42 @@ export const Menu: FC<{
     });
     setShow(false);
   }, [integrations]);
+
+  const createPost = useCallback(
+    (integration: Integrations) => async () => {
+      setShow(false);
+
+      const { date } = await (
+        await fetch(`/posts/find-slot/${integration.id}`)
+      ).json();
+
+      modal.openModal({
+        closeOnClickOutside: false,
+        closeOnEscape: false,
+        withCloseButton: false,
+        classNames: {
+          modal: 'w-[100%] max-w-[1400px] bg-transparent text-textColor',
+        },
+        children: (
+          <AddEditModal
+            allIntegrations={integrations.map((p) => ({
+              ...p,
+            }))}
+            reopenModal={createPost(integration)}
+            mutate={reloadCalendarView}
+            integrations={integrations}
+            selectedChannels={[integration.id]}
+            focusedChannel={integration.id}
+            date={dayjs.utc(date).local()}
+          />
+        ),
+        size: '80%',
+        title: ``,
+      });
+    },
+    [integrations]
+  );
+
   const changeBotPicture = useCallback(() => {
     const findIntegration = integrations.find(
       (integration) => integration.id === id
@@ -251,6 +294,30 @@ export const Menu: FC<{
           onClick={(e) => e.stopPropagation()}
           className={`absolute top-[100%] start-0 p-[8px] px-[20px] bg-fifth flex flex-col gap-[16px] z-[100] rounded-[8px] border border-tableBorder ${interClass} text-nowrap`}
         >
+          {canDisable && !findIntegration?.refreshNeeded && (
+            <div
+              className="flex gap-[12px] items-center"
+              onClick={createPost(findIntegration!)}
+            >
+              <div>
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="18"
+                  height="18"
+                  viewBox="0 0 32 32"
+                  fill="none"
+                >
+                  <path
+                    d="M21 4H11C9.14409 4.00199 7.36477 4.74012 6.05245 6.05245C4.74012 7.36477 4.00199 9.14409 4 11V21C4.00199 22.8559 4.74012 24.6352 6.05245 25.9476C7.36477 27.2599 9.14409 27.998 11 28H17C17.1075 27.9999 17.2142 27.9826 17.3162 27.9487C20.595 26.855 26.855 20.595 27.9487 17.3162C27.9826 17.2142 27.9999 17.1075 28 17V11C27.998 9.14409 27.2599 7.36477 25.9476 6.05245C24.6352 4.74012 22.8559 4.00199 21 4ZM17 25.9275V22C17 20.6739 17.5268 19.4021 18.4645 18.4645C19.4021 17.5268 20.6739 17 22 17H25.9275C24.77 19.6938 19.6938 24.77 17 25.9275Z"
+                    fill="green"
+                  />
+                </svg>
+              </div>
+              <div className="text-[12px]">
+                {t('create_new_post', 'Create a new post')}
+              </div>
+            </div>
+          )}
           {canDisable &&
             findIntegration?.refreshNeeded &&
             !findIntegration.customFields && (

apps/frontend/src/components/new-launch/add.edit.modal.tsx

@@ -14,7 +14,9 @@ export interface AddEditModalProps {
   date: dayjs.Dayjs;
   integrations: Integrations[];
   allIntegrations?: Integrations[];
+  selectedChannels?: string[];
   set?: CreatePostDto;
+  focusedChannel?: string;
   addEditSets?: (data: any) => void;
   reopenModal: () => void;
   mutate: () => void;
@@ -82,6 +84,15 @@ export const AddEditModalInner: FC<AddEditModalProps> = (props) => {
       );
       addOrRemoveSelectedIntegration(integration, existingData.settings);
     }
+
+    if (props?.selectedChannels?.length) {
+      for (const channel of props.selectedChannels) {
+        const integration = integrations.find((i) => i.id === channel);
+        if (integration) {
+          addOrRemoveSelectedIntegration(integration, {});
+        }
+      }
+    }
   }, []);
 
   if (existingData.integration && selectedIntegrations.length === 0) {
@@ -135,6 +146,10 @@ export const AddEditModalInnerInner: FC<AddEditModalProps> = (props) => {
       setCurrent(existingData.integration);
     }
 
+    if (props.focusedChannel) {
+      setCurrent(props.focusedChannel);
+    }
+
     addGlobalValue(
       0,
       props.onlyValues?.length

libraries/nestjs-libraries/src/database/prisma/integrations/integration.repository.ts

@@ -549,9 +549,10 @@ export class IntegrationRepository {
     });
   }
 
-  async getPostingTimes(orgId: string) {
+  async getPostingTimes(orgId: string, integrationsId?: string) {
     return this._integration.model.integration.findMany({
       where: {
+        ...(integrationsId ? { id: integrationsId } : {}),
         organizationId: orgId,
         disabled: false,
         deletedAt: null,

libraries/nestjs-libraries/src/database/prisma/integrations/integration.service.ts

@@ -33,7 +33,7 @@ export class IntegrationService {
     private _autopostsRepository: AutopostRepository,
     private _integrationManager: IntegrationManager,
     private _notificationService: NotificationService,
-    private _workerServiceProducer: BullMqClient,
+    private _workerServiceProducer: BullMqClient
   ) {}
 
   async changeActiveCron(orgId: string) {
@@ -673,8 +673,14 @@ export class IntegrationService {
     return difference(id, loadOnlyIds);
   }
 
-  async findFreeDateTime(orgId: string): Promise<number[]> {
-    const findTimes = await this._integrationRepository.getPostingTimes(orgId);
+  async findFreeDateTime(
+    orgId: string,
+    integrationsId?: string
+  ): Promise<number[]> {
+    const findTimes = await this._integrationRepository.getPostingTimes(
+      orgId,
+      integrationsId
+    );
     return uniq(
       findTimes.reduce((all: any, current: any) => {
         return [

libraries/nestjs-libraries/src/database/prisma/posts/posts.service.ts

@@ -928,8 +928,8 @@ export class PostsService {
     return this._postRepository.findPopularPosts(category, topic);
   }
 
-  async findFreeDateTime(orgId: string) {
-    const findTimes = await this._integrationService.findFreeDateTime(orgId);
+  async findFreeDateTime(orgId: string, integrationId?: string) {
+    const findTimes = await this._integrationService.findFreeDateTime(orgId, integrationId);
     return this.findFreeDateTimeRecursive(
       orgId,
       findTimes,