+
+
+ {(provided) => (
+
+
+
+ {/* Preview model */}
+
+
+
+
+ {t('sequence')}
+
+ {t('options')}
+
+
+ {agendaItemData &&
+ agendaItemData.map((agendaItem, index) => (
+
+ {(provided, snapshot) => (
+
+ ))}
+ {agendaItemData?.length === 0 && (
+
+ )}
+
+
+
+
+ )}
+
+ {agendaItem.categories.length > 0 ? (
+ agendaItem.categories.map((category, idx) => (
+
+ {category.name}
+ {idx < agendaItem.categories.length - 1 &&
+ ', '}
+
+ ))
+ ) : (
+
+ No Category
+
+ )}
+
+ {' '}
+
+
+
+
+
+
+ {t('noAgendaItems')}
+
+ )}
+ {t('agendaItemDetails')}
+ +{t('deleteAgendaItemMsg')}
+{t('agendaItemDetails')}
+ +{t('updateAgendaItem')}
+ +
+
+ );
+ }
+
+ return (
+
+
+ Error occurred while loading{' '}
+ {agendaCategoryError
+ ? 'Agenda Categories'
+ : agendaItemError && 'Agenda Items'}
+ Data
+
+
+
+ Error occurred while loading{' '}
+ {agendaCategoryError
+ ? 'Agenda Categories'
+ : agendaItemError && 'Agenda Items'}
+ Data
+
+ {agendaCategoryError
+ ? agendaCategoryError.message
+ : agendaItemError && (agendaItemError as Error).message}
+
+
+
+ );
+}
+
+export default EventAgendaItems;
diff --git a/src/components/EventManagement/EventAgendaItems/EventAgendaItemsMocks.ts b/src/components/EventManagement/EventAgendaItems/EventAgendaItemsMocks.ts
new file mode 100644
index 0000000000..619a1e70f8
--- /dev/null
+++ b/src/components/EventManagement/EventAgendaItems/EventAgendaItemsMocks.ts
@@ -0,0 +1,133 @@
+import { CREATE_AGENDA_ITEM_MUTATION } from 'GraphQl/Mutations/AgendaItemMutations';
+
+import { AgendaItemByEvent } from 'GraphQl/Queries/AgendaItemQueries';
+import { AGENDA_ITEM_CATEGORY_LIST } from 'GraphQl/Queries/AgendaCategoryQueries';
+
+export const MOCKS = [
+ {
+ request: {
+ query: AGENDA_ITEM_CATEGORY_LIST,
+ variables: { organizationId: '111' },
+ },
+ result: {
+ data: {
+ agendaItemCategoriesByOrganization: [
+ {
+ _id: 'agendaItemCategory1',
+ name: 'Category 1',
+ description: 'Test Description',
+ createdBy: {
+ _id: 'user0',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ },
+ },
+ ],
+ },
+ },
+ },
+ {
+ request: {
+ query: AgendaItemByEvent,
+ variables: { relatedEventId: '123' },
+ },
+ result: {
+ data: {
+ agendaItemByEvent: [
+ {
+ _id: 'agendaItem1',
+ title: 'AgendaItem 1',
+ description: 'AgendaItem 1 Description',
+ duration: '30',
+ attachments: [],
+ createdBy: {
+ _id: 'user0',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ },
+ urls: [],
+ users: [],
+ sequence: 1,
+ categories: [
+ {
+ _id: 'agendaItemCategory1',
+ name: 'Category 1',
+ },
+ ],
+ organization: {
+ _id: '111',
+ name: 'Unity Foundation',
+ },
+ relatedEvent: {
+ _id: '123',
+ title: 'Aerobics for Everyone',
+ },
+ },
+ ],
+ },
+ },
+ },
+ {
+ request: {
+ query: CREATE_AGENDA_ITEM_MUTATION,
+ variables: {
+ input: {
+ title: 'AgendaItem 1',
+ description: 'AgendaItem 1 Description',
+ duration: '30',
+ relatedEventId: '123',
+ organizationId: '111',
+ sequence: 1,
+ categories: ['Category 1'],
+ attachments: [],
+ urls: [],
+ },
+ },
+ },
+ result: {
+ data: {
+ createAgendaItem: {
+ _id: 'agendaItem1',
+ },
+ },
+ },
+ },
+];
+
+export const MOCKS_ERROR_MUTATION = [
+ {
+ request: {
+ query: CREATE_AGENDA_ITEM_MUTATION,
+ variables: {
+ input: {
+ title: 'AgendaItem 1',
+ description: 'AgendaItem 1 Description',
+ duration: '30',
+ relatedEventId: '123',
+ organizationId: '111',
+ sequence: 1,
+ categories: ['agendaItemCategory1'],
+ attachments: [],
+ urls: [],
+ },
+ },
+ },
+ error: new Error('Mock Graphql Error'),
+ },
+ {
+ request: {
+ query: AgendaItemByEvent,
+ variables: { relatedEventId: '123' },
+ },
+ error: new Error('Mock Graphql Error'),
+ },
+ {
+ request: {
+ query: AGENDA_ITEM_CATEGORY_LIST,
+ variables: { organizationId: '111' },
+ },
+ error: new Error('Mock Graphql Error'),
+ },
+];
+
+export const MOCKS_ERROR_QUERY = [];
diff --git a/src/screens/EventManagement/EventManagement.test.tsx b/src/screens/EventManagement/EventManagement.test.tsx
index c51f4eaf12..fb851ec72f 100644
--- a/src/screens/EventManagement/EventManagement.test.tsx
+++ b/src/screens/EventManagement/EventManagement.test.tsx
@@ -99,6 +99,12 @@ describe('Event Management', () => {
const eventActionsTab = screen.getByTestId('eventActionsTab');
expect(eventActionsTab).toBeInTheDocument();
+ const eventAgendasButton = screen.getByTestId('eventAgendasBtn');
+ userEvent.click(eventAgendasButton);
+
+ const eventAgendasTab = screen.getByTestId('eventAgendasTab');
+ expect(eventAgendasTab).toBeInTheDocument();
+
const eventStatsButton = screen.getByTestId('eventStatsBtn');
userEvent.click(eventStatsButton);
diff --git a/src/screens/EventManagement/EventManagement.tsx b/src/screens/EventManagement/EventManagement.tsx
index 869992cc0f..4a2acdee1b 100644
--- a/src/screens/EventManagement/EventManagement.tsx
+++ b/src/screens/EventManagement/EventManagement.tsx
@@ -7,11 +7,13 @@ import { ReactComponent as AngleLeftIcon } from 'assets/svgs/angleLeft.svg';
import { ReactComponent as EventDashboardIcon } from 'assets/svgs/eventDashboard.svg';
import { ReactComponent as EventRegistrantsIcon } from 'assets/svgs/people.svg';
import { ReactComponent as EventActionsIcon } from 'assets/svgs/settings.svg';
+import { ReactComponent as EventAgendaItemsIcon } from 'assets/svgs/agenda-items.svg';
import { ReactComponent as EventStatisticsIcon } from 'assets/svgs/eventStats.svg';
import { useTranslation } from 'react-i18next';
import { Button } from 'react-bootstrap';
import EventDashboard from 'components/EventManagement/Dashboard/EventDashboard';
import EventActionItems from 'components/EventManagement/EventActionItems/EventActionItems';
+import EventAgendaItems from 'components/EventManagement/EventAgendaItems/EventAgendaItems';
import useLocalStorage from 'utils/useLocalstorage';
const eventDashboardTabs: {
@@ -30,13 +32,23 @@ const eventDashboardTabs: {
value: 'eventActions',
icon:
+
+ +
+
+
+
+
+
+
+
+ {/* setSearchValue(e.target.value)}
+ value={searchValue}
+ data-testid="search"
+ /> */}
+
+
+
+ + +
+
+ );
case 'eventStats':
return (
diff --git a/src/utils/interfaces.ts b/src/utils/interfaces.ts
index 3945003f40..a68af2454c 100644
--- a/src/utils/interfaces.ts
+++ b/src/utils/interfaces.ts
@@ -472,3 +472,39 @@ export interface InterfaceAgendaItemCategoryInfo {
export interface InterfaceAgendaItemCategoryList {
agendaItemCategoriesByOrganization: InterfaceAgendaItemCategoryInfo[];
}
+
+export interface InterfaceAgendaItemInfo {
+ _id: string;
+ title: string;
+ description: string;
+ duration: string;
+ attachments: string[];
+ createdBy: {
+ _id: string;
+ firstName: string;
+ lastName: string;
+ };
+ urls: string[];
+ users: {
+ _id: string;
+ firstName: string;
+ lastName: string;
+ }[];
+ sequence: number;
+ categories: {
+ _id: string;
+ name: string;
+ }[];
+ organization: {
+ _id: string;
+ name: string;
+ };
+ relatedEvent: {
+ _id: string;
+ title: string;
+ };
+}
+
+export interface InterfaceAgendaItemList {
+ agendaItemByEvent: InterfaceAgendaItemInfo[];
+}