updates leads functionality

packages/twenty-front/src/modules/ui/input/components/internal/date/components/DateTimePicker.tsx

@@ -2,12 +2,9 @@
 import React, { useState } from 'react';
 import ReactDatePicker from 'react-datepicker';
 import styled from '@emotion/styled';
-
 import { IconCalendar } from '@/ui/display/icon';
 import { MenuItemLeftContent } from '@/ui/navigation/menu-item/internals/components/MenuItemLeftContent';
 import { StyledHoverableMenuItemBase } from '@/ui/navigation/menu-item/internals/components/StyledMenuItemBase';
-// import { overlayBackground } from '@/ui/theme/constants/effects';
-
 import 'react-datepicker/dist/react-datepicker.css';
 
 const StyledContainer = styled.div`
@@ -244,7 +241,8 @@ export type DateTimePickerProps = {
   showTimeInput?: boolean;
   maxDate?: Date | null;
   minDate?: Date | null;
-  selected?: Date | null | undefined;
+  selected?: Date;
+  value: string | undefined;
 };
 
 export default function DateTimePicker({
@@ -254,8 +252,9 @@ export default function DateTimePicker({
   showTimeInput = false,
   selected = new Date(),
   onChange,
+  value,
 }: DateTimePickerProps) {
-  const [selectedDate, setSelectedDate] = useState<Date>(new Date());
+  const [selectedDate, setSelectedDate] = useState<Date>(selected);
   const [openCalendar, setOpenCalendar] = useState(false);
 
   const handleChange = (newDate: Date) => {
@@ -273,6 +272,7 @@ export default function DateTimePicker({
         <ReactDatePicker
           open={openCalendar}
           selected={selected}
+          value={value}
           onChange={handleChange}
           minDate={minDate}
           maxDate={maxDate}

packages/twenty-front/src/modules/users/graphql/queries/filterLeads.ts

@@ -0,0 +1,30 @@
+import { gql } from '@apollo/client';
+
+export const FILTER_LEADS =  gql`
+query FindManyLeads($filter: LeadFilterInput, $orderBy: LeadOrderByInput, $lastCursor: String, $limit: Float) {
+    leads(filter: $filter, orderBy: $orderBy, first: $limit, after: $lastCursor) {
+      edges {
+        node {
+          id
+          email
+          age
+          name
+          phoneNumber
+          advertisementName
+          campaignName
+          comments
+          advertisementSource
+          createdAt
+          location
+        }
+      }
+      pageInfo {
+        hasNextPage
+        startCursor
+        endCursor
+        __typename
+      }
+      totalCount
+      __typename
+    }
+  }`;

packages/twenty-front/src/modules/users/graphql/queries/getSpecialtyDetails.ts

@@ -23,4 +23,4 @@ export const GET_SPECIALTY = gql`
       }
     }
   }
-`;
+`;

packages/twenty-front/src/pages/campaigns/CampaignContext.tsx

@@ -1,21 +1,40 @@
 import { createContext, useState } from 'react';
 
 import { App } from '~/App';
+
+type CampaignData = {
+  campaignName: string;
+  campaignDescription: string;
+  specialtyType: string;
+  subSpecialtyType: string;
+  leads: string;
+};
 export type CampaignContextProps = {
   currentStep: number;
-  setCurrentStep: {};
+  setCurrentStep: (step: number) => void;
+
+  campaignData: any;
+
+  setCampaignData: (data: any) => void;
 
-  campaignData: {};
+  leadData: any;
 
-  setCampaignData: {};
+  setLeadData: any;
 };
 
 export const CampaignMultiStepContext =
   createContext<CampaignContextProps | null>(null);
 
 const CampaignContext = () => {
   const [currentStep, setCurrentStep] = useState(0);
-  const [campaignData, setCampaignData] = useState({});
+  const [leadData, setLeadData] = useState();
+  const [campaignData, setCampaignData] = useState({
+    campaignName: '',
+    campaignDescription: '',
+    specialtyType: '',
+    subSpecialtyType: '',
+    leads: '',
+  });
 
   return (
     <div>
@@ -25,6 +44,8 @@ const CampaignContext = () => {
           setCurrentStep,
           campaignData,
           setCampaignData,
+          leadData,
+          setLeadData
         }}
       >
         <App />
@@ -33,4 +54,4 @@ const CampaignContext = () => {
   );
 };
 
-export default CampaignContext;
+export default CampaignContext;