diff --git a/ISSUE_GUIDELINES.md b/ISSUE_GUIDELINES.md new file mode 100644 index 0000000000..5170de5839 --- /dev/null +++ b/ISSUE_GUIDELINES.md @@ -0,0 +1,59 @@ +# Issue Report Guidelines + +:+1::tada: First off, thanks for taking the time to contribute! :tada::+1: + +In order to give everyone a chance to submit a issues reports and contribute to the Talawa project, we have put restrictions in place. This section outlines the guidelines that should be imposed upon issue reports in the Talawa project. + +___ +## Table of Contents + + + +- [Issue Management](#issue-management) + - [New Issues](#new-issues) + - [Existing Issues](#existing-issues) + - [Feature Request Issues](#feature-request-issues) + - [Monitoring the Creation of New Issues](#monitoring-the-creation-of-new-issues) +- [General Guidelines](#general-guidelines) + + + +___ +## Issue Management + +In all cases please use the [GitHub open issue search](https://github.com/PalisadoesFoundation/talawa-admin/issues) to check whether the issue has already been reported. + +### New Issues +To create new issues follow these steps: + +1. Your issue may have already been created. Search for duplicate open issues before submitting yours.for similar deficiencies in the code.duplicate issues are created. +1. Verify whether the issue has been fixed by trying to reproduce it using the latest master or development branch in the repository. +1. Click on the [`New Issue`](https://github.com/PalisadoesFoundation/talawa-admin/issues/new/choose) button +1. Use the templates to create a standardized report of what needs to be done and why. +1. If you want to be assigned the issue that you have created, then add a comment immediately after submitting it. + +We welcome contributors who find new ways to make the code better. + +### Existing Issues + +You can also be a valuable contributor by searching for dormant issues. Here's how you can do that: + +1. **Previously Assigned Issues**: We regularly review issues and add a [`no-issue-activity`](https://github.com/PalisadoesFoundation/talawa-admin/issues?q=is%3Aissue+is%3Aopen+label%3Ano-issue-activity) label to them. Use the issue comments to ask whether the assignee is still working on the issue, and if not, ask for the issue to be assigned to you. +1. **Unassigned Issues**: If the issue is already reported and [not assigned to anyone](https://github.com/PalisadoesFoundation/talawa-admin/issues?q=is%3Aissue+is%3Aopen+no%3Aassignee) and you are interested in working on the issue then: + 1. Ask for the issue to be assigned to you in the issue comments + 2. Ask our contributors to assign it to you in `#talawa` slack channel. + +Working on these types of existing issues is a good way of getting started with the community. + +### Feature Request Issues + +Feature requests are welcome. But take a moment to find out whether your idea fits with the scope and aims of the project. It's up to you to make a strong case to convince the mentors of the merits of this feature. Please provide as much detail and context as possible. + +### Monitoring the Creation of New Issues +1. Join our `#talawa-github` slack channel for automatic issue and pull request updates. + +## General Guidelines + +1. Discuss issues in our various slack channels when necessary +2. Please do not derail or troll issues. +3. Keep the discussion on topic and respect the opinions of others. diff --git a/ISSUE_TEMPLATE.md b/ISSUE_TEMPLATE.md deleted file mode 100644 index c59e24c1ee..0000000000 --- a/ISSUE_TEMPLATE.md +++ /dev/null @@ -1,38 +0,0 @@ - - -## Expected Behavior - - - -## Current Behavior - - - -## Possible Solution - - - -## Steps to Reproduce - - - - -1. -2. -3. -4. - -## Context (Environment) - - - - - - -## Detailed Description - - - -## Possible Implementation - - diff --git a/PR-guidelines.md b/PR-guidelines.md deleted file mode 100644 index c469028b0b..0000000000 --- a/PR-guidelines.md +++ /dev/null @@ -1,21 +0,0 @@ -# Pull Request Guidelines - -:+1::tada: First off, thanks for taking the time to contribute! :tada::+1: - -In order to give everyone a chance to submit a pull request and contribute to the Talawa API project, we have put restrictions in place. This section outlines the guidelines that should be imposed upon pull requests in the Talawa API project. - -1. Do not start working on any open issue and raise a PR unless it is assigned to you. -2. Pull requests must be based on [open issues](https://github.com/PalisadoesFoundation/talawa-admin/issues) available. -3. [Use this method to automatically close the issue when the PR is completed.](https://docs.github.com/en/github/managing-your-work-on-github/linking-a-pull-request-to-an-issue) -4. Each contributor may only create one pull request at a time. We have this rule in place due to our limited resources - if everyone was allowed to post multiple pull requests we will not be able to review them properly. It is also better for contributors because you can focus on creating one quality PR - so spend time making sure it is as good as it can be. -5. If the pull request's code quality is not up to par, or it would break the app, it will more likely be closed. So please be careful when creating a PR. -6. Please follow the [PR template](https://github.com/PalisadoesFoundation/talawa-admin/blob/master/templates/pr-template.md). Ensure the PR title clearly describes the problem it is solving. In the description, include the relevant issue number, snapshots and videos after changes added. -7. If you are borrowing code, please disclose it. It is fine and sometimes even recommended to borrow code, but we need to know about it to assess your work. If we find out that your pull request contains a lot of code copied from elsewhere, we will close the pull request. -8. All pull request must have test units. If for some reason it is not possible to add tests, please let us know and explain why. In that case, you'll need to tell us what steps you followed to manually test your changes. -9. No Work In Progress. ONLY completed and working pull requests, and with test units, will be accepted. A WIP would fall under rule 4 and be closed immediately. -10. Please do not @mention contributors and mentors. Sometimes it takes time before we can review your pull request or answer your questions but we'll get to it sooner or later. @mentioning someone just adds to the pile of notifications we get and it won't make us look at your issue faster. -11. Do not force push. If you make changes to your pull request, please simply add a new commit as that makes it easy for us to review your new changes. If you force push, we'll have to review everything from the beginning. -12. PR should be small, easy to review and should follow standard coding styles. -13. If PR has conflicts because of recently added changes to the same file, resolve issues, test new changes and submit PR again for review. -14. PRs should be atomic. That is, they should address one item (issue or feature) -15. After submitting PR, if you are not replying within 48 hours then in that case we may need to assign issue to other contributors based on priority of the issue. diff --git a/PR_GUIDELINES.md b/PR_GUIDELINES.md new file mode 100644 index 0000000000..4c904c782d --- /dev/null +++ b/PR_GUIDELINES.md @@ -0,0 +1,69 @@ +# Pull Request Guidelines + +:+1::tada: First off, thanks for taking the time to contribute! :tada::+1: + +In order to give everyone a chance to submit a pull request and contribute to the Talawa project, we have put restrictions in place. This section outlines the guidelines that should be imposed upon pull requests in the Talawa project. + +# Table of Contents + + + +- [Pull Requests and Issues](#pull-requests-and-issues) +- [Linting and Formatting](#linting-and-formatting) +- [Testing](#testing) +- [Pull Request Processing](#pull-request-processing) + - [Only submit PRs against our `develop` branch, not the default `main` branch](#only-submit-prs-against-our-develop-branch-not-the-default-main-branch) + + + +## Pull Requests and Issues + +1. Do not start working on any open issue and raise a PR unless the issue is assigned to you. PRs that don't meet these guidelines will be closed. +1. Pull requests must be based on [open issues](https://github.com/PalisadoesFoundation/talawa-admin/issues) available. +1. [Use this method to automatically close the issue when the PR is completed.](https://docs.github.com/en/github/managing-your-work-on-github/linking-a-pull-request-to-an-issue) + +## Linting and Formatting + +All the pull requests must have code that is properly linted and formatted, so that uniformity across the repository can be ensured. + +Before opening a PR, you can run the following scripts to automatically lint and format the code properly: + +``` +npm run lint:fix +npm run format:fix +``` + +Both of these scripts also have a `check` counterpart, which would be used by the GitHub CI to ensure that the code is properly formatted. +You can run the following scripts yourself to ensure that your pull request doesn't fail due to linting and formatting errors: + +``` +npm run lint:check +npm run format:check +``` + +## Testing + +1. All pull requests must have test units. If, for some reason, it is not possible to add tests, please let us know and explain why. In that case, you'll need to tell us what steps you followed to manually test your changes. +1. Please read our [CONTRIBUTING.md](CONTRIBUTING.md) document for details on our testing policy. + +## Pull Request Processing +These are key guidelines for the procedure: + +### Only submit PRs against our `develop` branch, not the default `main` branch + +1. Only submit PRs against our `develop` branch. The default is `main`, so you will have to modify this before submitting your PR for review. PRs made against `main` will be closed. +1. We do not accept draft Pull Requests. They will be closed if submitted. We focus on work that is ready for immediate review. +1. Removing assigned reviewers from your Pull Request will cause it to be closed. The quality of our code is very important to us. Therefore we make experienced maintainers of our code base review your code. Removing these assigned persons is not in the best interest of this goal. +1. If you have not done so already, please read the `Pull Requests and Issues` and `Testing` sections above. +1. Each contributor may only create one pull request at a time. We have this rule in place due to our limited resources - if everyone was allowed to post multiple pull requests, we would not be able to review them properly. It is also better for contributors because you can focus on creating one quality PR - so spend time making sure it is as good as it can be. +1. Upon successful push to the fork, check if all tests are passing; if not, fix the issues and then create a pull request. +1. If the pull request's code quality is not up to par, or it would break the app, it will more likely be closed. So please be careful when creating a PR. +1. Please follow the PR template provided. Ensure the PR title clearly describes the problem it is solving. In the description, include the relevant issue number, snapshots, and videos after changes are added. +1. If you are borrowing a code, please disclose it. It is fine and sometimes even recommended to borrow code, but we need to know about it to assess your work. If we find out that your pull request contains a lot of code copied from elsewhere, we will close the pull request. +1. No Work In Progress. ONLY completed and working pull requests and with respective test units will be accepted. A WIP would fall under rule 4 and be closed immediately. +1. Please do not @mention contributors and mentors. Sometimes it takes time before we can review your pull request or answer your questions, but we'll get to it sooner or later. @mentioning someone just adds to the pile of notifications we get and it won't make us look at your issue faster. +1. Do not force push. If you make changes to your pull request, please simply add a new commit, as that makes it easy for us to review your new changes. If you force push, we'll have to review everything from the beginning. +1. PR should be small, easy to review and should follow standard coding styles. +1. If PR has conflicts because of recently added changes to the same file, resolve issues, test new changes, and submit PR again for review. +1. PRs should be atomic. That is, they should address one item (issue or feature) +1. After submitting PR, if you are not replying within 48 hours, then in that case, we may need to assign the issue to other contributors based on the priority of the issue. diff --git a/PULL_REQUEST_TEMPLATE.md b/PULL_REQUEST_TEMPLATE.md deleted file mode 100644 index 435ecf4ada..0000000000 --- a/PULL_REQUEST_TEMPLATE.md +++ /dev/null @@ -1,15 +0,0 @@ -- **Please check if the PR fulfills these requirements** - -* [ ] The commit message follows our guidelines -* [ ] Tests for the changes have been added (for bug fixes / features) -* [ ] Docs have been added / updated (for bug fixes / features) - -- **What kind of change does this PR introduce?** (Bug fix, feature, docs update, ...) - -- **What is the current behavior?** (You can also link to an open issue here) - -- **What is the new behavior (if this is a feature change)?** - -- **Does this PR introduce a breaking change?** (What changes might users need to make in their application due to this PR?) - -- **Other information**: diff --git a/README.md b/README.md index 66d98dd25c..cbade9e407 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,13 @@ # Talawa Admin +[💬 Join the community on Slack](https://github.com/PalisadoesFoundation/) + + + [](https://www.gnu.org/licenses/gpl-3.0) [](https://github.com/PalisadoesFoundation/talawa-admin) [](https://github.com/PalisadoesFoundation/talawa-admin) - -[](https://github.com/PalisadoesFoundation/talawa-admin) +[](https://codecov.io/gh/PalisadoesFoundation/talawa-admin) Talawa is a modular open source project to manage group activities of both non-profit organizations and businesses. @@ -18,6 +21,16 @@ Core features include: `talawa` is based on the original `quito` code created by the [Palisadoes Foundation][pfd] as part of its annual Calico Challenge program. Calico provides paid summer internships for Jamaican university students to work on selected open source projects. They are mentored by software professionals and receive stipends based on the completion of predefined milestones. Calico was started in 2015. Visit [The Palisadoes Foundation's website](http://www.palisadoes.org/) for more details on its origin and activities. +# Table of Contents + + + +- [Talawa Components](#talawa-components) +- [Documentation](#documentation) +- [Videos](#videos) + + + # Talawa Components `talawa` has these major software components: @@ -29,44 +42,15 @@ Core features include: # Documentation -- The `talawa` documentation can be found [here](https://palisadoesfoundation.github.io/talawa-docs/). -- Want to contribute? Look at [CONTRIBUTING.md](CONTRIBUTING.md) to get started. -- Visit the [Talawa-Docs GitHub](https://github.com/PalisadoesFoundation/talawa-docs) to see the code. - -# Project Setup - -``` -yarn install -``` - -## Compiles and hot-reloads for development - -``` -yarn serve -``` - -## Compiles and minifies for production - -``` -yarn build -``` - -## Run your end-to-end tests - -``` -yarn test:e2e -``` - -## Lints and fixes files - -``` -yarn lint -``` - -## Customize configuration - -See [Configuration Reference](https://cli.vuejs.org/config/). +1. You can install the software for this repository using the steps in our [INSTALLATION.md](INSTALLATION.md) file. +1. Do you want to contribute to our code base? Look at our [CONTRIBUTING.md](CONTRIBUTING.md) file to get started. There you'll also find links to: + 1. Our code of conduct documentation in the [CODE_OF_CONDUCT.md](CODE_OF_CONDUCT.md) file. + 1. How we handle the processing of new and existing issues in our [ISSUE_GUIDELINES.md](ISSUE_GUIDELINES.md) file. + 1. The methodologies we use to manage our pull requests in our [PR_GUIDELINES.md](PR_GUIDELINES.md) file. +1. The `talawa` documentation can be found at our [docs.talawa.io](https://docs.talawa.io) site. + 1. It is automatically generated from the markdown files stored in our [Talawa-Docs GitHub repository](https://github.com/PalisadoesFoundation/talawa-docs). This makes it easy for you to update our documenation. -## Project setup using docker +# Videos -See [Docker Container](Docker_Container/README.md) +1. Visit our [YouTube Channel playlists](https://www.youtube.com/@PalisadoesOrganization/playlists) for more insights + 1. The "[Getting Started - Developers](https://www.youtube.com/watch?v=YpBUoHxEeyg&list=PLv50qHwThlJUIzscg9a80a9-HmAlmUdCF&index=1)" videos are extremely helpful for new open source contributors. diff --git a/config/babel.config.cjs b/config/babel.config.cjs new file mode 100644 index 0000000000..10cfe1914a --- /dev/null +++ b/config/babel.config.cjs @@ -0,0 +1,8 @@ +module.exports = { + presets: [ + '@babel/preset-env', // Transforms modern JavaScript + '@babel/preset-typescript', // Transforms TypeScript + '@babel/preset-react', // Transforms JSX + ], + plugins: ['babel-plugin-transform-import-meta'], +}; diff --git a/config/vite.config.ts b/config/vite.config.ts new file mode 100644 index 0000000000..71ce6c6f47 --- /dev/null +++ b/config/vite.config.ts @@ -0,0 +1,30 @@ +import { defineConfig } from 'vite'; +import react from '@vitejs/plugin-react'; +import viteTsconfigPaths from 'vite-tsconfig-paths'; +import svgrPlugin from 'vite-plugin-svgr'; +import EnvironmentPlugin from 'vite-plugin-environment'; + +export default defineConfig({ + // depending on your application, base can also be "/" + build: { + outDir: 'build', + }, + base: '', + plugins: [ + react(), + viteTsconfigPaths(), + EnvironmentPlugin('all'), + svgrPlugin({ + svgrOptions: { + icon: true, + // ...svgr options (https://react-svgr.com/docs/options/) + }, + }), + ], + server: { + // this ensures that the browser opens upon server start + open: true, + // this sets a default port to 3000 + port: 4321, + }, +}); diff --git a/dump.rdb b/dump.rdb new file mode 100644 index 0000000000..6d49ca7f96 Binary files /dev/null and b/dump.rdb differ diff --git a/index.html b/index.html new file mode 100644 index 0000000000..4375f88592 --- /dev/null +++ b/index.html @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + +
-
+ },
+ );
+
+ return (
+ <>
+
-
- ![]()
-
-
+import React, { useEffect } from 'react';
+// User Portal Components
+import Donate from 'screens/UserPortal/Donate/Donate';
+import Events from 'screens/UserPortal/Events/Events';
+import Posts from 'screens/UserPortal/Posts/Posts';
+import Organizations from 'screens/UserPortal/Organizations/Organizations';
+import People from 'screens/UserPortal/People/People';
+import Settings from 'screens/UserPortal/Settings/Settings';
+import Chat from 'screens/UserPortal/Chat/Chat';
+import { useQuery } from '@apollo/client';
+import { CHECK_AUTH } from 'GraphQl/Queries/Queries';
+import Advertisements from 'components/Advertisements/Advertisements';
+import SecuredRouteForUser from 'components/UserPortal/SecuredRouteForUser/SecuredRouteForUser';
+
+import useLocalStorage from 'utils/useLocalstorage';
+import UserScreen from 'screens/UserPortal/UserScreen/UserScreen';
+import EventDashboardScreen from 'components/EventDashboardScreen/EventDashboardScreen';
+import Campaigns from 'screens/UserPortal/Campaigns/Campaigns';
+import Pledges from 'screens/UserPortal/Pledges/Pledges';
+import VolunteerManagement from 'screens/UserPortal/Volunteer/VolunteerManagement';
+
+const { setItem } = useLocalStorage();
+
+/**
+ * This is the main function for our application. It sets up all the routes and components,
+ * defining how the user can navigate through the app. The function uses React Router's `Routes`
+ * and `Route` components to map different URL paths to corresponding screens and components.
+ *
+ * ## Important Details
+ * - **UseEffect Hook**: This hook checks user authentication status using the `CHECK_AUTH` GraphQL query.
+ * - **Plugins**: It dynamically loads additional routes for any installed plugins.
+ * - **Routes**:
+ * - The root route ("/") takes the user to the `LoginPage`.
+ * - Protected routes are wrapped with the `SecuredRoute` component to ensure they are only accessible to authenticated users.
+ * - Admin and Super Admin routes allow access to organization and user management screens.
+ * - User portal routes allow end-users to interact with organizations, settings, chat, events, etc.
+ *
+ * @returns The rendered routes and components of the application.
+ */
+
+function app(): JSX.Element {
+ /*const { updatePluginLinks, updateInstalled } = bindActionCreators(
+ actionCreators,
+ dispatch
+ );
+
+ const getInstalledPlugins = async () => {
+ const plugins = await fetchInstalled();
+ updateInstalled(plugins);
+ updatePluginLinks(new PluginHelper().generateLinks(plugins));
+ };
+
+ const fetchInstalled = async () => {
+ const result = await fetch(`http://localhost:3005/installed`);
+ return await result.json();
+ };
+
+ useEffect(() => {
+ getInstalledPlugins();
+ }, []);*/
+
+ // const appRoutes = useSelector((state: RootState) => state.appRoutes);
+ // const { components } = appRoutes;
+
+ // TODO: Fetch Installed plugin extras and store for use within MainContent and Side Panel Components.
+
+ const { data, loading } = useQuery(CHECK_AUTH);
+
+ useEffect(() => {
+ if (data) {
+ setItem('name', `${data.checkAuth.firstName} ${data.checkAuth.lastName}`);
+ setItem('id', data.checkAuth._id);
+ setItem('email', data.checkAuth.email);
+ setItem('IsLoggedIn', 'TRUE');
+ setItem('FirstName', data.checkAuth.firstName);
+ setItem('LastName', data.checkAuth.lastName);
+ setItem('UserImage', data.checkAuth.image);
+ setItem('Email', data.checkAuth.email);
+ }
+ }, [data, loading]);
+
+ const extraRoutes = Object.entries(installedPlugins).map(
+ (
+ plugin: [
+ string,
+ (
+ | typeof installedPlugins.DummyPlugin
+ | typeof installedPlugins.DummyPlugin2
+ ),
+ ],
+ index: number,
+ ) => {
+ const ExtraComponent = plugin[1];
+ return (
+
- Edit src/App.js and save to reload.
-
+ {children}
+
+ );
+}
+
+// PropTypes validation for the AddOn component
+AddOn.propTypes = {
+ extras: PropTypes.shape({
+ components: PropTypes.shape({}),
+ actions: PropTypes.shape({}),
+ }),
+ name: PropTypes.string,
+ children: PropTypes.node,
+};
+
+export default AddOn;
diff --git a/src/components/AddOn/core/AddOnEntry/AddOnEntry.module.css b/src/components/AddOn/core/AddOnEntry/AddOnEntry.module.css
new file mode 100644
index 0000000000..1f1ea89996
--- /dev/null
+++ b/src/components/AddOn/core/AddOnEntry/AddOnEntry.module.css
@@ -0,0 +1,20 @@
+.entrytoggle {
+ margin: 24px 24px 0 auto;
+ width: fit-content;
+}
+
+.entryaction {
+ margin-left: auto;
+ display: flex !important;
+ align-items: center;
+}
+
+.entryaction i {
+ margin-right: 8px;
+}
+
+.entryaction .spinner-grow {
+ height: 1rem;
+ width: 1rem;
+ margin-right: 8px;
+}
diff --git a/src/components/AddOn/core/AddOnEntry/AddOnEntry.test.tsx b/src/components/AddOn/core/AddOnEntry/AddOnEntry.test.tsx
new file mode 100644
index 0000000000..3d800eb59f
--- /dev/null
+++ b/src/components/AddOn/core/AddOnEntry/AddOnEntry.test.tsx
@@ -0,0 +1,236 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { BrowserRouter } from 'react-router-dom';
+import AddOnEntry from './AddOnEntry';
+import {
+ ApolloClient,
+ ApolloProvider,
+ InMemoryCache,
+ ApolloLink,
+ HttpLink,
+} from '@apollo/client';
+
+import type { NormalizedCacheObject } from '@apollo/client';
+import { Provider } from 'react-redux';
+import { store } from 'state/store';
+import { BACKEND_URL } from 'Constant/constant';
+import i18nForTest from 'utils/i18nForTest';
+import { I18nextProvider } from 'react-i18next';
+import userEvent from '@testing-library/user-event';
+import { MockedProvider, wait } from '@apollo/react-testing';
+import { StaticMockLink } from 'utils/StaticMockLink';
+import { ADD_ON_ENTRY_MOCK } from './AddOnEntryMocks';
+import { ToastContainer } from 'react-toastify';
+import useLocalStorage from 'utils/useLocalstorage';
+
+const { getItem } = useLocalStorage();
+
+const link = new StaticMockLink(ADD_ON_ENTRY_MOCK, true);
+
+const httpLink = new HttpLink({
+ uri: BACKEND_URL,
+ headers: {
+ authorization: 'Bearer ' + getItem('token') || '',
+ },
+});
+console.error = jest.fn();
+const client: ApolloClient+ + ); +} + +export default addOnEntry; diff --git a/src/components/AddOn/core/AddOnEntry/AddOnEntryMocks.ts b/src/components/AddOn/core/AddOnEntry/AddOnEntryMocks.ts new file mode 100644 index 0000000000..3967a0963a --- /dev/null +++ b/src/components/AddOn/core/AddOnEntry/AddOnEntryMocks.ts @@ -0,0 +1,25 @@ +import { UPDATE_INSTALL_STATUS_PLUGIN_MUTATION } from 'GraphQl/Mutations/mutations'; + +// Mock data representing the response structure of the mutation +const updatePluginStatus = { + _id: '123', + pluginName: 'Sample Plugin', + pluginCreatedBy: 'John Doe', + pluginDesc: 'This is a sample plugin description.', + uninstalledOrgs: [], +}; + +// Creating the mock entry +export const ADD_ON_ENTRY_MOCK = [ + { + request: { + query: UPDATE_INSTALL_STATUS_PLUGIN_MUTATION, + variables: { id: '1', orgId: 'undefined' }, + }, + result: { + data: { + updatePluginStatus: updatePluginStatus, + }, + }, + }, +]; diff --git a/src/components/AddOn/core/AddOnRegister/AddOnRegister.module.css b/src/components/AddOn/core/AddOnRegister/AddOnRegister.module.css new file mode 100644 index 0000000000..c122d386fa --- /dev/null +++ b/src/components/AddOn/core/AddOnRegister/AddOnRegister.module.css @@ -0,0 +1,9 @@ +.modalbtn { + display: flex !important; + margin-left: auto; + align-items: center; +} + +.modalbtn i { + margin-right: 8px; +} diff --git a/src/components/AddOn/core/AddOnRegister/AddOnRegister.test.tsx b/src/components/AddOn/core/AddOnRegister/AddOnRegister.test.tsx new file mode 100644 index 0000000000..dc6a7c2091 --- /dev/null +++ b/src/components/AddOn/core/AddOnRegister/AddOnRegister.test.tsx @@ -0,0 +1,207 @@ +import React, { act } from 'react'; +import { render, screen, waitFor } from '@testing-library/react'; +import userEvent from '@testing-library/user-event'; +import { MockedProvider } from '@apollo/react-testing'; +import { ADD_PLUGIN_MUTATION } from 'GraphQl/Mutations/mutations'; +import AddOnRegister from './AddOnRegister'; +import { + ApolloClient, + ApolloProvider, + InMemoryCache, + ApolloLink, + HttpLink, +} from '@apollo/client'; +import type { NormalizedCacheObject } from '@apollo/client'; +import { Provider } from 'react-redux'; +import { store } from 'state/store'; +import { BrowserRouter } from 'react-router-dom'; +import { BACKEND_URL } from 'Constant/constant'; +import i18nForTest from 'utils/i18nForTest'; +import { I18nextProvider } from 'react-i18next'; +import { toast } from 'react-toastify'; +import useLocalStorage from 'utils/useLocalstorage'; + +const { getItem } = useLocalStorage(); + +const httpLink = new HttpLink({ + uri: BACKEND_URL, + headers: { + authorization: 'Bearer ' + getItem('token') || '', + }, +}); + +const client: ApolloClient
+
+
+ {data.getPlugins.filter(
+ (val: {
+ _id: string;
+ pluginName: string | undefined;
+ pluginDesc: string | undefined;
+ pluginCreatedBy: string;
+ pluginInstallStatus: boolean | undefined;
+ getInstalledPlugins: () => any;
+ }) => {
+ if (searchText == '') {
+ return val;
+ } else if (
+ val.pluginName
+ ?.toLowerCase()
+ .includes(searchText.toLowerCase())
+ ) {
+ return val;
+ }
+ },
+ ).length === 0 ? (
+
+
+ {data.getPlugins
+ .filter(
+ (plugin: any) => !plugin.uninstalledOrgs.includes(orgId),
+ )
+ .filter(
+ (val: {
+ _id: string;
+ pluginName: string | undefined;
+ pluginDesc: string | undefined;
+ pluginCreatedBy: string;
+ pluginInstallStatus: boolean | undefined;
+ getInstalledPlugins: () => any;
+ }) => {
+ if (searchText == '') {
+ return val;
+ } else if (
+ val.pluginName
+ ?.toLowerCase()
+ .includes(searchText.toLowerCase())
+ ) {
+ return val;
+ }
+ },
+ ).length === 0 ? (
+
+
+
+
+ {t('pHeading')}
+ {searchText ? ( ++ Search results for {searchText} +
+ ) : null} + +{t('pMessage')}
+ ) : ( + data.getPlugins + .filter( + (val: { + _id: string; + pluginName: string | undefined; + pluginDesc: string | undefined; + pluginCreatedBy: string; + pluginInstallStatus: boolean | undefined; + getInstalledPlugins: () => any; + }) => { + if (searchText == '') { + return val; + } else if ( + val.pluginName + ?.toLowerCase() + .includes(searchText.toLowerCase()) + ) { + return val; + } + }, + ) + .map( + ( + plug: { + _id: string; + pluginName: string | undefined; + pluginDesc: string | undefined; + pluginCreatedBy: string; + uninstalledOrgs: string[]; + getInstalledPlugins: () => any; + }, + i: React.Key | null | undefined, + ): JSX.Element => ( +{t('pMessage')}
+ ) : ( + data.getPlugins + .filter( + (plugin: any) => !plugin.uninstalledOrgs.includes(orgId), + ) + .filter( + (val: { + _id: string; + pluginName: string | undefined; + pluginDesc: string | undefined; + pluginCreatedBy: string; + pluginInstallStatus: boolean | undefined; + getInstalledPlugins: () => any; + }) => { + if (searchText == '') { + return val; + } else if ( + val.pluginName + ?.toLowerCase() + .includes(searchText.toLowerCase()) + ) { + return val; + } + }, + ) + .map( + ( + plug: { + _id: string; + pluginName: string | undefined; + pluginDesc: string | undefined; + pluginCreatedBy: string; + uninstalledOrgs: string[]; + pluginInstallStatus: boolean | undefined; + getInstalledPlugins: () => any; + }, + i: React.Key | null | undefined, + ): JSX.Element => ( +
+
+ );
+}
+
+export default action;
diff --git a/src/components/AddOn/support/components/MainContent/MainContent.module.css b/src/components/AddOn/support/components/MainContent/MainContent.module.css
new file mode 100644
index 0000000000..3321cf6fd7
--- /dev/null
+++ b/src/components/AddOn/support/components/MainContent/MainContent.module.css
@@ -0,0 +1,4 @@
+.maincontainer {
+ width: 70vw;
+ margin-right: 2rem;
+}
diff --git a/src/components/AddOn/support/components/MainContent/MainContent.test.tsx b/src/components/AddOn/support/components/MainContent/MainContent.test.tsx
new file mode 100644
index 0000000000..81adbc916e
--- /dev/null
+++ b/src/components/AddOn/support/components/MainContent/MainContent.test.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { Provider } from 'react-redux';
+import { BrowserRouter } from 'react-router-dom';
+
+import { store } from 'state/store';
+import MainContent from './MainContent';
+
+describe('Testing MainContent component', () => {
+ const props = {
+ children: 'This is a dummy text',
+ };
+
+ test('should render props and children for the Main Content', () => {
+ const { getByTestId, getByText } = render(
+ {props.label}
+ {props.children} +Main content goes here
+ *
+ {children}
+
+ );
+}
+
+export default mainContent;
diff --git a/src/components/AddOn/support/components/SidePanel/SidePanel.module.css b/src/components/AddOn/support/components/SidePanel/SidePanel.module.css
new file mode 100644
index 0000000000..f337eeea1b
--- /dev/null
+++ b/src/components/AddOn/support/components/SidePanel/SidePanel.module.css
@@ -0,0 +1,12 @@
+.sidebarcontainer {
+ width: 30vw;
+ justify-content: center;
+ display: flex;
+ flex-direction: column;
+ padding: 2rem;
+ height: fit-content;
+}
+
+.sidebarcollapsed {
+ display: none;
+}
diff --git a/src/components/AddOn/support/components/SidePanel/SidePanel.test.tsx b/src/components/AddOn/support/components/SidePanel/SidePanel.test.tsx
new file mode 100644
index 0000000000..d929278d0e
--- /dev/null
+++ b/src/components/AddOn/support/components/SidePanel/SidePanel.test.tsx
@@ -0,0 +1,27 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import SidePanel from './SidePanel';
+import type { NormalizedCacheObject } from '@apollo/client';
+import { ApolloClient, ApolloProvider, InMemoryCache } from '@apollo/client';
+import { BACKEND_URL } from 'Constant/constant';
+
+const client: ApolloClientSide panel content
+ *
+ {children}
+
+ );
+}
+
+export default sidePanel;
diff --git a/src/components/AddOn/support/services/Plugin.helper.test.ts b/src/components/AddOn/support/services/Plugin.helper.test.ts
new file mode 100644
index 0000000000..e024734247
--- /dev/null
+++ b/src/components/AddOn/support/services/Plugin.helper.test.ts
@@ -0,0 +1,46 @@
+import PluginHelper from './Plugin.helper';
+
+describe('Testing src/components/AddOn/support/services/Plugin.helper.ts', () => {
+ test('Class should contain the required method definitions', () => {
+ const pluginHelper = new PluginHelper();
+ expect(pluginHelper).toHaveProperty('fetchStore');
+ expect(pluginHelper).toHaveProperty('fetchInstalled');
+ expect(pluginHelper).toHaveProperty('generateLinks');
+ expect(pluginHelper).toHaveProperty('generateLinks');
+ });
+ test('generateLinks should return proper objects', () => {
+ const obj = { enabled: true, name: 'demo', component: 'samplecomponent' };
+ const objToMatch = { name: 'demo', url: '/plugin/samplecomponent' };
+ const pluginHelper = new PluginHelper();
+ const val = pluginHelper.generateLinks([obj]);
+ expect(val).toMatchObject([objToMatch]);
+ });
+ it('fetchStore should return expected JSON', async () => {
+ const helper = new PluginHelper();
+ const spy = jest.spyOn(global, 'fetch').mockImplementation(() => {
+ const response = new Response();
+ response.json = jest
+ .fn()
+ .mockReturnValue(Promise.resolve({ data: 'mock data' }));
+ return Promise.resolve(response);
+ });
+
+ const result = await helper.fetchStore();
+ expect(result).toEqual({ data: 'mock data' });
+ spy.mockRestore();
+ });
+ it('fetchInstalled() should return expected JSON', async () => {
+ const pluginHelper = new PluginHelper();
+ const mockResponse = [
+ { name: 'plugin1', component: 'Component1', enabled: true },
+ { name: 'plugin2', component: 'Component2', enabled: false },
+ ];
+ jest.spyOn(global, 'fetch').mockImplementation(() => {
+ const response = new Response();
+ response.json = jest.fn().mockReturnValue(Promise.resolve(mockResponse));
+ return Promise.resolve(response);
+ }) as jest.Mock;
+ const result = await pluginHelper.fetchInstalled();
+ expect(result).toEqual(mockResponse);
+ });
+});
diff --git a/src/components/AddOn/support/services/Plugin.helper.ts b/src/components/AddOn/support/services/Plugin.helper.ts
new file mode 100644
index 0000000000..1ebefc351f
--- /dev/null
+++ b/src/components/AddOn/support/services/Plugin.helper.ts
@@ -0,0 +1,44 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/**
+ * Helper class for managing plugin-related tasks such as fetching store data, installed plugins, and generating plugin links.
+ */
+class PluginHelper {
+ /**
+ * Fetches the store data from a local server.
+ *
+ * @returns A promise that resolves to the store data in JSON format.
+ */
+ fetchStore = async (): Promise
+
+ );
+ }
+
+ const columns: GridColDef[] = [
+ {
+ field: 'id',
+ headerName: '#',
+ minWidth: 100,
+ align: 'center',
+ headerAlign: 'center',
+ headerClassName: `${styles.tableHeader}`,
+ sortable: false,
+ renderCell: (params: GridCellParams) => {
+ return
+
+ {t('errorOccurredWhileLoadingMembers')}
+
+
+
+ {t('errorOccurredWhileLoadingMembers')}
+
+ {userTagsMembersToAssignToError.message}
+
+ {params.row.id}
;
+ },
+ },
+ {
+ field: 'userName',
+ headerName: t('userName'),
+ flex: 2,
+ minWidth: 100,
+ sortable: false,
+ headerClassName: `${styles.tableHeader}`,
+ renderCell: (params: GridCellParams) => {
+ return (
+
+ {params.row.firstName + ' ' + params.row.lastName}
+
+ );
+ },
+ },
+ {
+ field: 'actions',
+ headerName: t('actions'),
+ flex: 1,
+ align: 'center',
+ minWidth: 100,
+ headerAlign: 'center',
+ sortable: false,
+ headerClassName: `${styles.tableHeader}`,
+ renderCell: (params: GridCellParams) => {
+ const isToBeAssigned = assignToMembers.some(
+ (member) => member._id === params.row._id,
+ );
+
+ return (
+
+ );
+ },
+ },
+ ];
+
+ return (
+ <>
+
+ {/* Component for registering a new advertisement */}
+
+ {/* Tab for active advertisements */}
+
+
+ {/* Skeleton loader while fetching more advertisements */}
+ {[...Array(6)].map((_, index) => (
+
+
+
+ {/* Tab for archived advertisements */}
+
+
+ {/* Skeleton loader while fetching more advertisements */}
+ {[...Array(6)].map((_, index) => (
+
+
+
+
+
+
+
+ ))}
+
+ }
+ hasMore={
+ orgAdvertisementListData?.organizations[0].advertisements
+ .pageInfo.hasNextPage ?? false
+ }
+ className={styles.listBox}
+ data-testid="organizations-list"
+ endMessage={
+ advertisements.filter(
+ (ad: Ad) => new Date(ad.endDate) > new Date(),
+ ).length !== 0 && (
+
+
+
+
+
+
+
+
+
+
+
+ )
+ }
+ >
+ {advertisements.filter(
+ (ad: Ad) => new Date(ad.endDate) > new Date(),
+ ).length === 0 ? (
+ {tCommon('endOfResults')}
+{t('pMessage')}
+ ) : ( + advertisements + .filter((ad: Ad) => new Date(ad.endDate) > new Date()) + .map( + ( + ad: { + _id: string; + name: string | undefined; + type: string | undefined; + mediaUrl: string; + endDate: string; + startDate: string; + }, + i: React.Key | null | undefined, + ): JSX.Element => ( +
+
+ ))}
+
+ }
+ hasMore={
+ orgAdvertisementListData?.organizations[0].advertisements
+ .pageInfo.hasNextPage ?? false
+ }
+ className={styles.listBox}
+ data-testid="organizations-list"
+ endMessage={
+ advertisements.filter(
+ (ad: Ad) => new Date(ad.endDate) < new Date(),
+ ).length !== 0 && (
+
+
+
+
+
+
+
+
+
+
+
+ )
+ }
+ >
+ {advertisements.filter(
+ (ad: Ad) => new Date(ad.endDate) < new Date(),
+ ).length === 0 ? (
+ {tCommon('endOfResults')}
+{t('pMessage')}
+ ) : ( + advertisements + .filter((ad: Ad) => new Date(ad.endDate) < new Date()) + .map( + ( + ad: { + _id: string; + name: string | undefined; + type: string | undefined; + mediaUrl: string; + endDate: string; + startDate: string; + }, + i: React.Key | null | undefined, + ): JSX.Element => ( +
+
+ {dropdown && (
+
+ {mediaUrl?.includes('videos') ? (
+
+ ) : (
+ -
+
-
+
+
+ - + {tCommon('delete')} + +
+
+
+ + {t('deleteAdvertisement')} +
+ ++ + ); +} + +AdvertisementEntry.propTypes = { + name: PropTypes.string, + type: PropTypes.string, + organizationId: PropTypes.string, + mediaUrl: PropTypes.string, + endDate: PropTypes.instanceOf(Date), + startDate: PropTypes.instanceOf(Date), +}; + +export default AdvertisementEntry; diff --git a/src/components/Advertisements/core/AdvertisementRegister/AdvertisementRegister.module.css b/src/components/Advertisements/core/AdvertisementRegister/AdvertisementRegister.module.css new file mode 100644 index 0000000000..0c5678676b --- /dev/null +++ b/src/components/Advertisements/core/AdvertisementRegister/AdvertisementRegister.module.css @@ -0,0 +1,56 @@ +.modalbtn { + margin-top: 1rem; + display: flex !important; + margin-left: auto; + align-items: center; +} + +.modalbtn i, +.button i { + margin-right: 8px; +} + +.preview { + display: flex; + position: relative; + width: 100%; + margin-top: 10px; + justify-content: center; +} +.preview img { + width: 400px; + height: auto; +} +.preview video { + width: 400px; + height: auto; +} + +.closeButton { + position: absolute; + top: 0px; + right: 0px; + background: transparent; + transform: scale(1.2); + cursor: pointer; + border: none; + color: #707070; + font-weight: 600; + font-size: 16px; + cursor: pointer; +} + +.button { + min-width: 102px; +} + +.editHeader { + background-color: #31bb6b; + color: white; +} + +.link_check { + display: flex; + justify-content: center; + align-items: flex-start; +} diff --git a/src/components/Advertisements/core/AdvertisementRegister/AdvertisementRegister.test.tsx b/src/components/Advertisements/core/AdvertisementRegister/AdvertisementRegister.test.tsx new file mode 100644 index 0000000000..0646a94819 --- /dev/null +++ b/src/components/Advertisements/core/AdvertisementRegister/AdvertisementRegister.test.tsx @@ -0,0 +1,641 @@ +import React, { act } from 'react'; +import { render, fireEvent, waitFor, screen } from '@testing-library/react'; + +import { + ApolloClient, + ApolloProvider, + InMemoryCache, + ApolloLink, + HttpLink, +} from '@apollo/client'; + +import type { NormalizedCacheObject } from '@apollo/client'; +import { BrowserRouter } from 'react-router-dom'; +import AdvertisementRegister from './AdvertisementRegister'; +import { Provider } from 'react-redux'; +import { store } from 'state/store'; +import { BACKEND_URL } from 'Constant/constant'; +// import i18nForTest from 'utils/i18nForTest'; +import { I18nextProvider } from 'react-i18next'; +import { MockedProvider } from '@apollo/client/testing'; +import i18n from 'utils/i18nForTest'; +import { toast } from 'react-toastify'; +import { ADD_ADVERTISEMENT_MUTATION } from 'GraphQl/Mutations/mutations'; +import { StaticMockLink } from 'utils/StaticMockLink'; +import userEvent from '@testing-library/user-event'; +import useLocalStorage from 'utils/useLocalstorage'; +import { ORGANIZATION_ADVERTISEMENT_LIST } from 'GraphQl/Queries/Queries'; + +const { getItem } = useLocalStorage(); + +jest.mock('react-toastify', () => ({ + toast: { + success: jest.fn(), + warn: jest.fn(), + error: jest.fn(), + }, +})); + +const MOCKS = [ + { + request: { + query: ADD_ADVERTISEMENT_MUTATION, + variables: { + organizationId: '1', + name: 'Ad1', + type: 'BANNER', + startDate: '2023-01-01', + endDate: '2023-02-01', + file: 'data:image/png;base64,bWVkaWEgY29udGVudA==', + }, + }, + result: { + data: { + createAdvertisement: { + _id: '1', + advertisement: null, + __typename: 'Advertisement', + }, + }, + }, + }, + { + request: { + query: ORGANIZATION_ADVERTISEMENT_LIST, + variables: { + id: '1', + first: 6, + after: null, + }, + }, + result: { + data: { + organizations: [ + { + _id: '1', + advertisements: { + edges: [ + { + node: { + _id: '1', + name: 'Advertisement1', + startDate: '2022-01-01', + endDate: '2023-01-01', + mediaUrl: 'http://example1.com', + }, + cursor: '5rdiyr3iwfhwaify', + }, + { + node: { + _id: '2', + name: 'Advertisement2', + startDate: '2024-02-01', + endDate: '2025-02-01', + mediaUrl: 'http://example2.com', + }, + cursor: '5rdiyr3iwfhwaify', + }, + ], + pageInfo: { + startCursor: 'erdftgyhujkerty', + endCursor: 'edrftgyhujikl', + hasNextPage: false, + hasPreviousPage: false, + }, + totalCount: 2, + }, + }, + ], + }, + }, + }, +]; + +const link = new StaticMockLink(MOCKS, true); + +const httpLink = new HttpLink({ + uri: BACKEND_URL, + headers: { + authorization: 'Bearer ' + getItem('token') || '', + }, +}); + +const client: ApolloClient
+ {tCommon('edit')}
+
+ )}
+
+
+
+ {/* Preview modal */}
+
+
+
+
+ {t('name')}
+
+ {t('createdBy')}
+
+ {t('options')}
+
+
+ {agendaCategoryData?.map((agendaCategory, index) => (
+
+
+
+
+
+ {index !== agendaCategoryData.length - 1 && (
+
+ )} +
+ ))}
+ {agendaCategoryData?.length === 0 && (
+
+
+
+
+
+ + )} +
+ {t('noAgendaCategories')}
+
+ )}
+
+
+
+ {(provided) => (
+
+
+
+ {/* Preview modal */}
+
+
+
+
+ {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')}
+ +
+ 
+
+ );
+};
+
+export default Avatar;
diff --git a/src/components/ChangeLanguageDropdown/ChangeLanguageDropDown.tsx b/src/components/ChangeLanguageDropdown/ChangeLanguageDropDown.tsx
new file mode 100644
index 0000000000..ac758be867
--- /dev/null
+++ b/src/components/ChangeLanguageDropdown/ChangeLanguageDropDown.tsx
@@ -0,0 +1,100 @@
+import React from 'react';
+import { Dropdown } from 'react-bootstrap';
+import i18next from 'i18next';
+import { languages } from 'utils/languages';
+import cookies from 'js-cookie';
+import { UPDATE_USER_MUTATION } from 'GraphQl/Mutations/mutations';
+import { useMutation } from '@apollo/client';
+import useLocalStorage from 'utils/useLocalstorage';
+
+const { getItem } = useLocalStorage();
+
+interface InterfaceChangeLanguageDropDownProps {
+ parentContainerStyle?: string;
+ btnStyle?: string;
+ btnTextStyle?: string;
+}
+
+/**
+ * A dropdown component that allows users to change the application's language.
+ * It updates the user's language preference in the backend and stores the selection in cookies.
+ *
+ * @param props - The properties for customizing the dropdown component.
+ * @param parentContainerStyle - Custom style for the dropdown container.
+ * @param btnStyle - Custom style for the dropdown button.
+ * @param btnTextStyle - Custom style for the button text.
+ *
+ * @returns JSX.Element - The rendered dropdown component for changing languages.
+ */
+const ChangeLanguageDropDown = (
+ props: InterfaceChangeLanguageDropDownProps,
+): JSX.Element => {
+ const currentLanguageCode = cookies.get('i18next') || 'en';
+ const userId = getItem('userId');
+ const [updateUser] = useMutation(UPDATE_USER_MUTATION);
+
+ /**
+ * Changes the application's language and updates the user's language preference.
+ *
+ * @param languageCode - The code of the language to switch to.
+ */
+ const changeLanguage = async (languageCode: string): Promise
+ {
+ setUserFilterQuery(e.target.value);
+ setFilterQueryModel({
+ items: [
+ {
+ field: 'userName',
+ operator: 'contains',
+ value: e.target.value,
+ },
+ ],
+ });
+ }}
+ fullWidth
+ />
+
+
+ 'auto'}
+ columns={columns}
+ filterModel={filterQueryModel}
+ />
+
+
+
+
+
+ ) : (
+
+ )}
+
+ );
+};
diff --git a/src/components/CheckIn/mocks.ts b/src/components/CheckIn/mocks.ts
new file mode 100644
index 0000000000..a4e78aa2fc
--- /dev/null
+++ b/src/components/CheckIn/mocks.ts
@@ -0,0 +1,76 @@
+import { EVENT_CHECKINS } from 'GraphQl/Queries/Queries';
+import { MARK_CHECKIN } from 'GraphQl/Mutations/mutations';
+import type { InterfaceAttendeeQueryResponse } from './types';
+
+const checkInQueryData: InterfaceAttendeeQueryResponse = {
+ event: {
+ _id: 'event123',
+ attendeesCheckInStatus: [
+ {
+ _id: 'eventAttendee1',
+ user: {
+ _id: 'user1',
+ firstName: 'John',
+ lastName: 'Doe',
+ },
+ checkIn: null,
+ },
+ {
+ _id: 'eventAttendee2',
+ user: {
+ _id: 'user2',
+ firstName: 'John2',
+ lastName: 'Doe2',
+ },
+ checkIn: {
+ _id: 'checkin1',
+ time: '08:00:00',
+ },
+ },
+ ],
+ },
+};
+
+export const checkInQueryMock = [
+ {
+ request: {
+ query: EVENT_CHECKINS,
+ variables: { id: 'event123' },
+ },
+ result: {
+ data: checkInQueryData,
+ },
+ },
+];
+
+export const checkInMutationSuccess = [
+ {
+ request: {
+ query: MARK_CHECKIN,
+ variables: {
+ userId: 'user123',
+ eventId: 'event123',
+ },
+ },
+ result: {
+ data: {
+ checkIn: {
+ _id: '123',
+ },
+ },
+ },
+ },
+];
+
+export const checkInMutationUnsuccess = [
+ {
+ request: {
+ query: MARK_CHECKIN,
+ variables: {
+ userId: 'user123',
+ eventId: 'event123',
+ },
+ },
+ error: new Error('Oops'),
+ },
+];
diff --git a/src/components/CheckIn/tagTemplate.ts b/src/components/CheckIn/tagTemplate.ts
new file mode 100644
index 0000000000..acd35fca0d
--- /dev/null
+++ b/src/components/CheckIn/tagTemplate.ts
@@ -0,0 +1,22 @@
+import { Template } from '@pdfme/common';
+
+export const tagTemplate: Template = {
+ schemas: [
+ {
+ name: {
+ type: 'text',
+ position: { x: 14.91, y: 27.03 },
+ width: 58.55,
+ height: 5.67,
+ alignment: 'center',
+ fontSize: 16,
+ characterSpacing: 0,
+ lineHeight: 1,
+ fontName: 'Roboto',
+ fontColor: '#08780b',
+ },
+ },
+ ],
+ basePdf:
+ 'data:application/pdf;base64,JVBERi0xLjQKJfbk/N8KMSAwIG9iago8PAovVHlwZSAvQ2F0YWxvZwovVmVyc2lvbiAvMS40Ci9QYWdlcyAyIDAgUgovU3RydWN0VHJlZVJvb3QgMyAwIFIKL01hcmtJbmZvIDQgMCBSCi9MYW5nIChlbikKL1ZpZXdlclByZWZlcmVuY2VzIDUgMCBSCj4+CmVuZG9iago2IDAgb2JqCjw8Ci9DcmVhdG9yIChDYW52YSkKL1Byb2R1Y2VyIChDYW52YSkKL0NyZWF0aW9uRGF0ZSAoRDoyMDIzMDYyMDA3MjgxMyswMCcwMCcpCi9Nb2REYXRlIChEOjIwMjMwNjIwMDcyODEzKzAwJzAwJykKL0tleXdvcmRzIChEQUZjMjhYSXViTSxCQUUycS01WEdhaykKL0F1dGhvciAoRXNoYWFuIEFnZ2Fyd2FsKQovVGl0bGUgKEJsYW5rIE5hbWUgVGFnIGluIEVtZXJhbGQgTWludCBHcmVlbiBBc3BpcmF0aW9uYWwgRWxlZ2FuY2UgU3R5bGUpCj4+CmVuZG9iagoyIDAgb2JqCjw8Ci9UeXBlIC9QYWdlcwovS2lkcyBbNyAwIFJdCi9Db3VudCAxCj4+CmVuZG9iagozIDAgb2JqCjw8Ci9UeXBlIC9TdHJ1Y3RUcmVlUm9vdAovUGFyZW50VHJlZSA4IDAgUgovUGFyZW50VHJlZU5leHRLZXkgMQovSyBbOSAwIFJdCi9JRFRyZWUgMTAgMCBSCj4+CmVuZG9iago0IDAgb2JqCjw8Ci9NYXJrZWQgdHJ1ZQovU3VzcGVjdHMgZmFsc2UKPj4KZW5kb2JqCjUgMCBvYmoKPDwKL0Rpc3BsYXlEb2NUaXRsZSB0cnVlCj4+CmVuZG9iago3IDAgb2JqCjw8Ci9UeXBlIC9QYWdlCi9SZXNvdXJjZXMgMTEgMCBSCi9NZWRpYUJveCBbMC4wIDcuOTIwMDAyNSAyNTIuMCAxNTEuOTJdCi9Db250ZW50cyAxMiAwIFIKL1N0cnVjdFBhcmVudHMgMAovUGFyZW50IDIgMCBSCi9UYWJzIC9TCi9CbGVlZEJveCBbMC4wIDcuOTIwMDAyNSAyNTIuMCAxNTEuOTJdCi9UcmltQm94IFswLjAgNy45MjAwMDI1IDI1Mi4wIDE1MS45Ml0KL0Nyb3BCb3ggWzAuMCA3LjkyMDAwMjUgMjUyLjAgMTUxLjkyXQovUm90YXRlIDAKL0Fubm90cyBbXQo+PgplbmRvYmoKOCAwIG9iago8PAovTGltaXRzIFswIDBdCi9OdW1zIFswIFsxMyAwIFIgMTQgMCBSIDE1IDAgUiAxNiAwIFIgMTcgMCBSIDE4IDAgUiAxOSAwIFJdCl0KPj4KZW5kb2JqCjkgMCBvYmoKPDwKL1R5cGUgL1N0cnVjdEVsZW0KL1MgL0RvY3VtZW50Ci9MYW5nIChlbikKL1AgMyAwIFIKL0sgWzIwIDAgUl0KL0lEIChub2RlMDAwMDE3MzgpCj4+CmVuZG9iagoxMCAwIG9iago8PAovTmFtZXMgWyhub2RlMDAwMDE3MzgpIDkgMCBSIChub2RlMDAwMDE3MzkpIDEzIDAgUiAobm9kZTAwMDAxNzQwKSAyMCAwIFIgKG5vZGUwMDAwMTc0MSkgMjEgMCBSIChub2RlMDAwMDE3NDIpIDIyIDAgUgoobm9kZTAwMDAxNzQzKSAyMyAwIFIgKG5vZGUwMDAwMTc0NCkgMjQgMCBSIChub2RlMDAwMDE3NDUpIDI1IDAgUiAobm9kZTAwMDAxNzQ2KSAyNiAwIFIgKG5vZGUwMDAwMTc0NykgMjcgMCBSCihub2RlMDAwMDE3NjEpIDI4IDAgUiAobm9kZTAwMDAxNzYyKSAyOSAwIFIgKG5vZGUwMDAwMTc2MykgMzAgMCBSIChub2RlMDAwMDE3NjQpIDMxIDAgUiAobm9kZTAwMDAxNzY1KSAzMiAwIFIKKG5vZGUwMDAwMTc2NikgMzMgMCBSIChub2RlMDAwMDE3NjcpIDE0IDAgUiAobm9kZTAwMDAxNzY4KSAzNCAwIFIgKG5vZGUwMDAwMTc2OSkgMzUgMCBSIChub2RlMDAwMDE3NzApIDM2IDAgUgoobm9kZTAwMDAxNzcxKSAxNSAwIFIgKG5vZGUwMDAwMTc3MikgMzcgMCBSIChub2RlMDAwMDE3NzMpIDM4IDAgUiAobm9kZTAwMDAxNzc0KSAzOSAwIFIgKG5vZGUwMDAwMTc3NSkgMTYgMCBSCihub2RlMDAwMDE3NzYpIDE3IDAgUiAobm9kZTAwMDAxNzc3KSA0MCAwIFIgKG5vZGUwMDAwMTc3OCkgMTggMCBSIChub2Rl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Tm9uU3RydWN0Ci9QIDQwIDAgUgovSyBbNTMgMCBSXQovSUQgKG5vZGUwMDAwMTc3OCkKPj4KZW5kb2JqCjE5IDAgb2JqCjw8Ci9UeXBlIC9TdHJ1Y3RFbGVtCi9TIC9Ob25TdHJ1Y3QKL1AgNDQgMCBSCi9LIFs1NCAwIFJdCi9JRCAobm9kZTAwMDAxNzgzKQo+PgplbmRvYmoKMjAgMCBvYmoKPDwKL1R5cGUgL1N0cnVjdEVsZW0KL1MgL0RpdgovUCA5IDAgUgovSyBbMjEgMCBSXQovSUQgKG5vZGUwMDAwMTc0MCkKPj4KZW5kb2JqCjIxIDAgb2JqCjw8Ci9UeXBlIC9TdHJ1Y3RFbGVtCi9TIC9EaXYKL1AgMjAgMCBSCi9LIFsyMiAwIFJdCi9JRCAobm9kZTAwMDAxNzQxKQo+PgplbmRvYmoKMjIgMCBvYmoKPDwKL1R5cGUgL1N0cnVjdEVsZW0KL1MgL0RpdgovUCAyMSAwIFIKL0sgWzIzIDAgUl0KL0lEIChub2RlMDAwMDE3NDIpCj4+CmVuZG9iagoyMyAwIG9iago8PAovVHlwZSAvU3RydWN0RWxlbQovUyAvRGl2Ci9QIDIyIDAgUgovSyBbMjQgMCBSXQovSUQgKG5vZGUwMDAwMTc0MykKPj4KZW5kb2JqCjI0IDAgb2JqCjw8Ci9UeXBlIC9TdHJ1Y3RFbGVtCi9TIC9EaXYKL1AgMjMgMCBSCi9LIFsyNSAwIFJdCi9JRCAobm9kZTAwMDAxNzQ0KQo+PgplbmRvYmoKMjUgMCBvYmoKPDwKL1R5cGUgL1N0cnVjdEVsZW0KL1MgL0RpdgovUCAyNCAwIFIKL0sgWzI2IDAgUl0KL0lEIChub2RlMDAwMDE3NDUpCj4+CmVuZG9iagoyNiAwIG9iago8PAovVHlwZSAvU3RydWN0RWxlbQovUyAvRGl2Ci9QIDI1IDAgUgovSyBbMjcgMCBSXQovSUQgKG5vZGUwMDAwMTc0NikKPj4KZW5kb2JqCjI3IDAgb2JqCjw8Ci9UeXBlIC9TdHJ1Y3RFbGVtCi9TIC9EaXYKL1AgMjYgMCBSCi9LIFsyOCAwIFIgMzEgMCBSIDM0IDAgUiAzNyAwIFIgNDEgMCBSXQovSUQgKG5vZGUwMDAwMTc0NykKPj4KZW5kb2JqCjI4IDAgb2JqCjw8Ci9UeXBlIC9TdHJ1Y3RFbGVtCi9TIC9EaXYKL1AgMjcgMCBSCi9LIFsyOSAwIFJdCi9JRCAobm9kZTAwMDAxNzYxKQo+PgplbmRvYmoKMjkgMCBvYmoKPDwKL1R5cGUgL1N0cnVjdEVsZW0KL1MgL0RpdgovUCAyOCAwIFIKL0sgWzMwIDAgUl0KL0lEIChub2RlMDAwMDE3NjIpCj4+CmVuZG9iagozMCAwIG9iago8PAovVHlwZSAvU3RydWN0RWxlbQovUyAvRGl2Ci9QIDI5IDAgUgovSyBbMTMgMCBSXQovSUQgKG5vZGUwMDAwMTc2MykKPj4KZW5kb2JqCjMxIDAgb2JqCjw8Ci9UeXBlIC9TdHJ1Y3RFbGVtCi9TIC9EaXYKL1AgMjcgMCBSCi9LIFszMiAwIFJdCi9JRCAobm9kZTAwMDAxNzY0KQo+PgplbmRvYmoKMzIgMCBvYmoKPDwKL1R5cGUgL1N0cnVjdEVsZW0KL1MgL0RpdgovUCAzMSAwIFIKL0sgWzMzIDAgUl0KL0lEIChub2RlMDAwMDE3NjUpCj4+CmVuZG9iagozMyAwIG9iago8PAovVHlwZSAvU3RydWN0RWxlbQovUyAvUAovUCAzMiAwIFIKL0sgWzE0IDAgUl0KL0lEIChub2RlMDAwMDE3NjYpCj4+CmVuZG9iagozNCAwIG9iago8PAovVHlwZSAvU3RydWN0RWxlbQovUyAvRGl2Ci9QIDI3IDAgUgovSyBbMzUgMCBSXQovSUQgKG5vZGUwMDAwMTc2OCkKPj4KZW5kb2JqCjM1IDAgb2JqCjw8Ci9UeXBlIC9TdHJ1Y3RFbGVtCi9TIC9EaXYKL1AgMzQgMCBSCi9LIFszNiAwIFJdCi9JRCAobm9kZTAwMDAxNzY5KQo+PgplbmRvYmoKMzYgMCBvYmoKPDwKL1R5cGUgL1N0cnVjdEVsZW0KL1MgL1AKL1AgMzUgMCBSCi9LIFsxNSAwIFJdCi9JRCAobm9kZTAwMDAxNzcwKQo+PgplbmRvYmoKMzcgMCBvYmoKPDwKL1R5cGUgL1N0cnVjdEVsZW0KL1MgL0RpdgovUCAyNyAwIFIKL0sgWzM4IDAgUl0KL0lEIChub2RlMDAwMDE3NzIpCj4+CmVuZG9iagozOCAwIG9iago8PAovVHlwZSAvU3RydWN0RWxlbQovUyAvRGl2Ci9QIDM3IDAgUgovSyBbMzkgMCBSIDQwIDAgUl0KL0lEIChub2RlMDAwMDE3NzMpCj4+CmVuZG9iagozOSAwIG9iago8PAovVHlwZSAvU3RydWN0RWxlbQovUyAvUAovUCAzOCAwIFIKL0sgWzE2IDAgUiAxNyAwIFJdCi9JRCAobm9kZTAwMDAxNzc0KQo+PgplbmRvYmoKNDAgMCBvYmoKPDwKL1R5cGUgL1N0cnVjdEVsZW0KL1MgL1AKL1AgMzggMCBSCi9LIFsxOCAwIFJdCi9JRCAobm9kZTAwMDAxNzc3KQo+PgplbmRvYmoKNDEgMCBvYmoKPDwKL1R5cGUgL1N0cnVjdEVsZW0KL1MgL0RpdgovUCAyNyAwIFIKL0sgWzQyIDAgUl0KL0lEIChub2RlMDAwMDE3NzkpCj4+CmVuZG9iago0MiAwIG9iago8PAovVHlwZSAvU3RydWN0RWxlbQovUyAvRGl2Ci9QIDQxIDAgUgovSyBbNDMgMCBSXQovSUQgKG5vZGUwMDAwMTc4MCkKPj4KZW5kb2JqCjQzIDAgb2JqCjw8Ci9UeXBlIC9TdHJ1Y3RFbGVtCi9TIC9EaXYKL1AgNDIgMCBSCi9LIFs0NCAwIFJdCi9JRCAobm9kZTAwMDAxNzgxKQo+PgplbmRvYmoKNDQgMCBvYmoKPDwKL1R5cGUgL1N0cnVjdEVsZW0KL1MgL1AKL1AgNDMgMCBSCi9LIFsxOSAwIFJdCi9JRCAobm9kZTAwMDAxNzgyKQo+PgplbmRvYmoKNDUgMCBvYmoKPDwKL0czIDU1IDAgUgovRzQgNTYgMCBSCj4+CmVuZG9iago0NiAwIG9iago8PAovTGVuZ3RoIDMwMTg4Ci9UeXBlIC9YT2JqZWN0Ci9TdWJ0eXBlIC9JbWFnZQovV2lkdGggMzQ3Ci9IZWlnaHQgMjMzCi9Db2xvclNwYWNlIC9EZXZpY2VSR0IKL1NNYXNrIDU3IDAgUgovQml0c1BlckNvbXBvbmVudCA4Ci9GaWx0ZXIgL0ZsYXRlRGVjb2RlCj4+CnN0cmVhbQ0KeJzsfQl4FNeVbgmpN6GuajDYY1tIIpPJm8dbJhkyb5LJTIaZJCaYRRvCwTEOjmNi42DAZjGLpNbGamOMgVgJGGMMxo3QvqKltQsB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arVJSZxajbW01KrRlKs9h/BjZkdpqcM8035UbS3VWNRqi6bMzXLBceLFI+QgnL9QSjQ3F284UObxlJW5XMTrMpvcbpMZXofoP5F+JXQNCmVuZHN0cmVhbQplbmRvYmoKeHJlZgowIDY0CjAwMDAwMDAwMDAgNjU1MzUgZg0KMDAwMDAwMDAxNSAwMDAwMCBuDQowMDAwMDAwNDE5IDAwMDAwIG4NCjAwMDAwMDA0NzYgMDAwMDAgbg0KMDAwMDAwMDU4NCAwMDAwMCBuDQowMDAwMDAwNjM0IDAwMDAwIG4NCjAwMDAwMDAxNTIgMDAwMDAgbg0KMDAwMDAwMDY3NyAwMDAwMCBuDQowMDAwMDAwOTYwIDAwMDAwIG4NCjAwMDAwMDEwNTcgMDAwMDAgbg0KMDAwMDAwMTE2MCAwMDAwMCBuDQowMDAwMDAxOTE2IDAwMDAwIG4NCjAwMDAwMDIwNDEgMDAwMDAgbg0KMDAwMDAwMzA5NCAwMDAwMCBuDQowMDAwMDAzMTg2IDAwMDAwIG4NCjAwMDAwMDMyODEgMDAwMDAgbg0KMDAwMDAwMzM3NiAwMDAwMCBuDQowMDAwMDAzNDcxIDAwMDAwIG4NCjAwMDAwMDM1NjYgMDAwMDAgbg0KMDAwMDAwMzY2MSAwMDAwMCBuDQowMDAwMDAzNzU2IDAwMDAwIG4NCjAwMDAwMDM4NDQgMDAwMDAgbg0KMDAwMDAwMzkzMyAwMDAwMCBuDQowMDAwMDA0MDIyIDAwMDAwIG4NCjAwMDAwMDQxMTEgMDAwMDAgbg0KMDAwMDAwNDIwMCAwMDAwMCBuDQowMDAwMDA0Mjg5IDAwMDAwIG4NCjAwMDAwMDQzNzggMDAwMDAgbg0KMDAwMDAwNDQ5NSAwMDAwMCBuDQowMDAwMDA0NTg0IDAwMDAwIG4NCjAwMDAwMDQ2NzMgMDAwMDAgbg0KMDAwMDAwNDc2MiAwMDAwMCBuDQowMDAwMDA0ODUxIDAwMDAwIG4NCjAwMDAwMDQ5NDAgMDAwMDAgbg0KMDAwMDAwNTAyNyAwMDAwMCBuDQowMDAwMDA1MTE2IDAwMDAwIG4NCjAwMDAwMDUyMDUgMDAwMDAgbg0KMDAwMDAwNTI5MiAwMDAwMCBuDQowMDAwMDA1MzgxIDAwMDAwIG4NCjAwMDAwMDU0NzcgMDAwMDAgbg0KMDAwMDAwNTU3MSAwMDAwMCBuDQowMDAwMDA1NjU4IDAwMDAwIG4NCjAwMDAwMDU3NDcgMDAwMDAgbg0KMDAwMDAwNTgzNiAwMDAwMCBuDQowMDAwMDA1OTI1IDAwMDAwIG4NCjAwMDAwMDYwMTIgMDAwMDAgbg0KMDAwMDAwNjA1NiAwMDAwMCBuDQowMDAwMDM2NDMyIDAwMDAwIG4NCjAwMDAwMzY0NjUgMDAwMDAgbg0KMDAwMDAzNjUxNiAwMDAwMCBuDQowMDAwMDM2NTY3IDAwMDAwIG4NCjAwMDAwMzY2MTggMDAwMDAgbg0KMDAwMDAzNjY2OSAwMDAwMCBuDQowMDAwMDM2NzIwIDAwMDAwIG4NCjAwMDAwMzY3NzEgMDAwMDAgbg0KMDAwMDAzNjgyMiAwMDAwMCBuDQowMDAwMDM2ODYyIDAwMDAwIG4NCjAwMDAwMzY5NDEgMDAwMDAgbg0KMDAwMDA0OTMxNiAwMDAwMCBuDQowMDAwMDQ5NDY5IDAwMDAwIG4NCjAwMDAwNTAwMzcgMDAwMDAgbg0KMDAwMDA1MDQ2NSAwMDAwMCBuDQowMDAwMDUwNzIwIDAwMDAwIG4NCjAwMDAwNTA3OTUgMDAwMDAgbg0KdHJhaWxlcgo8PAovUm9vdCAxIDAgUgovSW5mbyA2IDAgUgovSUQgWzwwQ0M3NzdBRDZENEFBMThFRkFGQ0ExODQ3QjI1QkMxQz4gPDBDQzc3N0FENkQ0QUExOEVGQUZDQTE4NDdCMjVCQzFDPl0KL1NpemUgNjQKPj4Kc3RhcnR4cmVmCjU0MDk2CiUlRU9GCg==',
+};
\ No newline at end of file
diff --git a/src/components/CheckIn/types.ts b/src/components/CheckIn/types.ts
new file mode 100644
index 0000000000..2fcb2d63cf
--- /dev/null
+++ b/src/components/CheckIn/types.ts
@@ -0,0 +1,44 @@
+export interface InterfaceUser {
+ _id: string;
+ firstName: string;
+ lastName: string;
+}
+
+export interface InterfaceAttendeeCheckIn {
+ _id: string;
+ user: InterfaceUser;
+ checkIn: null | {
+ _id: string;
+ time: string;
+ };
+}
+
+export interface InterfaceAttendeeQueryResponse {
+ event: {
+ _id: string;
+ attendeesCheckInStatus: InterfaceAttendeeCheckIn[];
+ };
+}
+
+export interface InterfaceModalProp {
+ show: boolean;
+ eventId: string;
+ handleClose: () => void;
+}
+
+export interface InterfaceTableCheckIn {
+ id: string;
+ name: string;
+ userId: string;
+ checkIn: null | {
+ _id: string;
+ time: string;
+ };
+ eventId: string;
+}
+
+export interface InterfaceTableData {
+ userName: string;
+ id: string;
+ checkInData: InterfaceTableCheckIn;
+}
diff --git a/src/components/CollapsibleDropdown/CollapsibleDropdown.module.css b/src/components/CollapsibleDropdown/CollapsibleDropdown.module.css
new file mode 100644
index 0000000000..4337742ecc
--- /dev/null
+++ b/src/components/CollapsibleDropdown/CollapsibleDropdown.module.css
@@ -0,0 +1,14 @@
+.iconWrapper {
+ width: 36px;
+}
+
+.collapseBtn {
+ height: 48px;
+}
+
+.iconWrapperSm {
+ width: 36px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
diff --git a/src/components/CollapsibleDropdown/CollapsibleDropdown.test.tsx b/src/components/CollapsibleDropdown/CollapsibleDropdown.test.tsx
new file mode 100644
index 0000000000..efee248ffb
--- /dev/null
+++ b/src/components/CollapsibleDropdown/CollapsibleDropdown.test.tsx
@@ -0,0 +1,110 @@
+import React, { act } from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { BrowserRouter } from 'react-router-dom';
+
+import CollapsibleDropdown from './CollapsibleDropdown';
+import type { InterfaceCollapsibleDropdown } from './CollapsibleDropdown';
+import { store } from 'state/store';
+import { Provider } from 'react-redux';
+import { I18nextProvider } from 'react-i18next';
+import i18nForTest from 'utils/i18nForTest';
+
+jest.mock('react-router-dom', () => ({
+ ...jest.requireActual('react-router-dom'),
+ useLocation: () => ({
+ pathname: '/orgstore',
+ state: {},
+ key: '',
+ search: '',
+ hash: '',
+ }),
+}));
+
+const props: InterfaceCollapsibleDropdown = {
+ showDropdown: true,
+ setShowDropdown: jest.fn(),
+ target: {
+ name: 'DropDown Category',
+ url: undefined,
+ subTargets: [
+ {
+ name: 'SubCategory 1',
+ url: '/sub-category-1',
+ icon: 'fa fa-home',
+ },
+ {
+ name: 'SubCategory 2',
+ url: '/sub-category-2',
+ icon: 'fa fa-home',
+ },
+ ],
+ },
+};
+
+describe('Testing CollapsibleDropdown component', () => {
+ test('Component should be rendered properly', () => {
+ render(
+
+ {subTargets &&
+ subTargets.map(({ name, icon: stringIcon, url }, index) => {
+ return (
+
+ {({ isActive }) => (
+
+ )}
+
+ );
+ })}
+
+ + {t('recentContribution')}: $ {props.recentAmount} +
++ {t('highestContribution')}: $ {props.highestAmount} +
++ {t('totalContribution')}: $ {props.totalAmount} +
+ + ); +} +export default ContriStats; diff --git a/src/components/CurrentHourIndicator/CurrentHourIndicator.module.css b/src/components/CurrentHourIndicator/CurrentHourIndicator.module.css new file mode 100644 index 0000000000..d2c250035a --- /dev/null +++ b/src/components/CurrentHourIndicator/CurrentHourIndicator.module.css @@ -0,0 +1,19 @@ +.round { + background-color: red; + border-radius: 100%; + width: 15px; + height: 15px; +} +.line { + width: 100%; + height: 1px; + background-color: red; + margin: auto; +} +.container { + position: relative; + display: flex; + flex-direction: row; + top: -8px; + left: -9px; +} diff --git a/src/components/CurrentHourIndicator/CurrentHourIndicator.test.tsx b/src/components/CurrentHourIndicator/CurrentHourIndicator.test.tsx new file mode 100644 index 0000000000..084817dc0d --- /dev/null +++ b/src/components/CurrentHourIndicator/CurrentHourIndicator.test.tsx @@ -0,0 +1,10 @@ +import React from 'react'; +import { render } from '@testing-library/react'; +import CurrentHourIndicator from './CurrentHourIndicator'; + +describe('Testing Current Hour Indicator', () => { + test('Component Should be rendered properly', async () => { + const { getByTestId } = render(
+
+
+
+ );
+};
+
+export default CurrentHourIndicator;
diff --git a/src/components/DynamicDropDown/DynamicDropDown.module.css b/src/components/DynamicDropDown/DynamicDropDown.module.css
new file mode 100644
index 0000000000..3cd40fe35d
--- /dev/null
+++ b/src/components/DynamicDropDown/DynamicDropDown.module.css
@@ -0,0 +1,13 @@
+.dropwdownToggle {
+ background-color: #f1f3f6;
+ color: black;
+ width: 100%;
+ border: none;
+ padding: 0.5rem;
+ text-align: left;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ min-width: 8rem;
+ outline: 1px solid var(--bs-gray-400);
+}
diff --git a/src/components/DynamicDropDown/DynamicDropDown.test.tsx b/src/components/DynamicDropDown/DynamicDropDown.test.tsx
new file mode 100644
index 0000000000..dac98ca9e6
--- /dev/null
+++ b/src/components/DynamicDropDown/DynamicDropDown.test.tsx
@@ -0,0 +1,149 @@
+import React from 'react';
+import {
+ render,
+ screen,
+ act,
+ waitFor,
+ fireEvent,
+} from '@testing-library/react';
+import DynamicDropDown from './DynamicDropDown';
+import { BrowserRouter } from 'react-router-dom';
+import { I18nextProvider } from 'react-i18next';
+import i18nForTest from 'utils/i18nForTest';
+import userEvent from '@testing-library/user-event';
+
+describe('DynamicDropDown component', () => {
+ test('renders and handles selection correctly', async () => {
+ const formData = { fieldName: 'value2' };
+ const setFormData = jest.fn();
+
+ render(
+
+
+ {hours.map((hour, index) => {
+ const timeEventsList: JSX.Element[] =
+ events
+ ?.filter((datas) => {
+ const currDate = new Date(
+ currentYear,
+ currentMonth,
+ currentDate,
+ );
+
+ if (
+ parseInt(datas.startTime?.slice(0, 2) as string).toString() ==
+ (index % 24).toString() &&
+ datas.startDate == dayjs(currDate).format('YYYY-MM-DD')
+ ) {
+ return datas;
+ }
+ })
+ .map((datas: InterfaceEventListCardProps) => {
+ const attendees: { _id: string }[] = [];
+ datas.attendees?.forEach((attendee: { _id: string }) => {
+ const r = {
+ _id: attendee._id,
+ };
+
+ attendees.push(r);
+ });
+
+ return (
+
+
+
+ {timezoneString}
+ 0
+ ? styles.event_list_parent_current
+ : styles.event_list_parent
+ }
+ >
+
+
+
+
+ {expanded === -100
+ ? allDayEventsList
+ : allDayEventsList?.slice(0, 1)}
+
+ {(allDayEventsList?.length > 2 ||
+ (windowWidth <= 700 && allDayEventsList?.length > 0)) && (
+
+ )}
+
+
+ );
+ })}
+
+ );
+ };
+
+ const renderDays = (): JSX.Element[] => {
+ const monthStart = new Date(currentYear, currentMonth, 1);
+ const monthEnd = new Date(currentYear, currentMonth + 1, 0);
+ const startDate = new Date(
+ monthStart.getFullYear(),
+ monthStart.getMonth(),
+ monthStart.getDate() - monthStart.getDay(),
+ );
+ const endDate = new Date(
+ monthEnd.getFullYear(),
+ monthEnd.getMonth(),
+ monthEnd.getDate() + (6 - monthEnd.getDay()),
+ );
+ const days = [];
+ let currentDate = startDate;
+ while (currentDate <= endDate) {
+ days.push(currentDate);
+ currentDate = new Date(
+ currentDate.getFullYear(),
+ currentDate.getMonth(),
+ currentDate.getDate() + 1,
+ );
+ }
+
+ return days.map((date, index) => {
+ const className = [
+ date.getDay() === 0 || date.getDay() === 6 ? styles.day_weekends : '',
+ date.toLocaleDateString() === today.toLocaleDateString() //Styling for today day cell
+ ? styles.day__today
+ : '',
+ date.getMonth() !== currentMonth ? styles.day__outside : '', //Styling for days outside the current month
+ selectedDate?.getTime() === date.getTime() ? styles.day__selected : '',
+ styles.day,
+ ].join(' ');
+ const toggleExpand = (index: number): void => {
+ /*istanbul ignore next*/
+ if (expanded === index) {
+ setExpanded(-1);
+ } else {
+ setExpanded(index);
+ }
+ };
+ /*istanbul ignore next*/
+ const allEventsList: JSX.Element[] =
+ events
+ ?.filter((datas) => {
+ if (datas.startDate == dayjs(date).format('YYYY-MM-DD'))
+ return datas;
+ })
+ .map((datas: InterfaceEventListCardProps) => {
+ const attendees: { _id: string }[] = [];
+ datas.attendees?.forEach((attendee: { _id: string }) => {
+ const r = {
+ _id: attendee._id,
+ };
+
+ attendees.push(r);
+ });
+
+ return (
+
+
+
+ {`${hour}`}
+ 0
+ ? styles.event_list_parent_current
+ : styles.event_list_parent
+ }
+ >
+ {index % 24 == new Date().getHours() &&
+ new Date().getDate() == currentDate && (
+
+
+
+
+ {/*istanbul ignore next*/}
+ {expanded === index
+ ? timeEventsList
+ : timeEventsList?.slice(0, 1)}
+
+ {(timeEventsList?.length > 1 ||
+ (windowWidth <= 700 && timeEventsList?.length > 0)) && (
+
+ )}
+ 0 && styles.day__events)
+ }
+ data-testid="day"
+ >
+ {date.getDate()}
+ {date.getMonth() !== currentMonth ? null : (
+
+ );
+ });
+ };
+
+ return (
+
+
+ )}
+
+
+ {(allEventsList?.length > 2 ||
+ (windowWidth <= 700 && allEventsList?.length > 0)) && (
+ /*istanbul ignore next*/
+
+ )}
+ {holidayList}
+ {
+ /*istanbul ignore next*/
+ expanded === index
+ ? allEventsList
+ : holidayList?.length > 0
+ ? /*istanbul ignore next*/
+ allEventsList?.slice(0, 1)
+ : allEventsList?.slice(0, 2)
+ }
+
+ {viewType != ViewType.YEAR && (
+
+ );
+};
+
+export default Calendar;
diff --git a/src/components/EventCalendar/EventHeader.test.tsx b/src/components/EventCalendar/EventHeader.test.tsx
new file mode 100644
index 0000000000..e18d066306
--- /dev/null
+++ b/src/components/EventCalendar/EventHeader.test.tsx
@@ -0,0 +1,99 @@
+import React, { act } from 'react'; // Import act for async testing
+import { render, fireEvent } from '@testing-library/react';
+import EventHeader from './EventHeader';
+import { ViewType } from '../../screens/OrganizationEvents/OrganizationEvents';
+import { I18nextProvider } from 'react-i18next';
+import i18nForTest from 'utils/i18nForTest';
+
+describe('EventHeader Component', () => {
+ const viewType = ViewType.MONTH;
+ const handleChangeView = jest.fn();
+ const showInviteModal = jest.fn();
+
+ it('renders correctly', () => {
+ const { getByTestId } = render(
+
+
+
+
+ )}
+
+ {viewType == ViewType.DAY ? `${currentDate}` : ``} {currentYear}{' '}
+
+
+ {months[currentMonth]}
+
+
+
+
+ {viewType == ViewType.MONTH ? (
+
+
+
+ ) : (
+ //
+ {weekdays.map((weekday, index) => (
+
+
+ {weekday}
+
+ ))}
+ {renderDays()}
+
+ {viewType == ViewType.YEAR ? (
+
+ )}
+ {renderHours()}
+ )}
+
+ {viewType == ViewType.YEAR ? (
+
+ {renderHours()}
+ )}
+
+
+ );
+}
+
+export default eventHeader;
diff --git a/src/components/EventCalendar/YearlyEventCalender.module.css b/src/components/EventCalendar/YearlyEventCalender.module.css
new file mode 100644
index 0000000000..723cb20e22
--- /dev/null
+++ b/src/components/EventCalendar/YearlyEventCalender.module.css
@@ -0,0 +1,354 @@
+.calendar {
+ font-family: sans-serif;
+ font-size: 1.2rem;
+ margin-bottom: 20px;
+}
+.calendar__header {
+ display: flex;
+ margin-bottom: 2rem;
+ align-items: center;
+ margin: 0px 10px 0px 10px;
+}
+.input {
+ flex: 1;
+ position: relative;
+}
+.calendar__header_month {
+ margin: 0.5rem;
+ color: #707070;
+ font-weight: bold;
+}
+.space {
+ flex: 1;
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+}
+.button {
+ color: #707070;
+ background-color: rgba(0, 0, 0, 0);
+ font-weight: bold;
+ border: 0px;
+}
+.calendar__weekdays {
+ display: grid;
+ grid-template-columns: repeat(7, 1fr);
+ background-color: #707070;
+ height: 60px;
+}
+.calendar__scroll {
+ height: 80vh;
+ padding: 10px;
+}
+.weekday {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ color: #fff;
+ background-color: #31bb6b;
+ font-weight: 600;
+}
+.calendar__days {
+ display: grid;
+ grid-template-columns: repeat(7, minmax(0, 1fr));
+ grid-template-rows: repeat(6, 1fr);
+}
+.calendar_hour_text_container {
+ display: flex;
+ flex-direction: row;
+ align-items: flex-end;
+ border-right: 1px solid #8d8d8d55;
+ width: 40px;
+}
+.calendar_hour_text {
+ top: -10px;
+ left: -5px;
+ position: relative;
+ color: #707070;
+ font-size: 12px;
+}
+.calendar_timezone_text {
+ top: -10px;
+ left: -11px;
+ position: relative;
+ color: #707070;
+ font-size: 9px;
+}
+.calendar_hour_block {
+ display: flex;
+ flex-direction: row;
+ border-bottom: 1px solid #8d8d8d55;
+ position: relative;
+ height: 50px;
+ border-bottom-right-radius: 5px;
+}
+.event_list_parent {
+ position: relative;
+ width: 100%;
+}
+.event_list_parent_current {
+ background-color: #def6e1;
+ position: relative;
+ width: 100%;
+}
+.dummyWidth {
+ width: 1px;
+}
+.day {
+ background-color: #ffffff;
+ padding-left: 0.3rem;
+ padding-right: 0.3rem;
+ background-color: white;
+ border: 1px solid #8d8d8d55;
+ color: black;
+ font-weight: 600;
+ height: 8rem;
+ position: relative;
+}
+.day__outside {
+ /* background-color: #ededee !important; */
+ color: #89898996 !important;
+}
+.day__selected {
+ background-color: #007bff;
+ color: #707070;
+}
+.day__today {
+ background-color: #def6e1;
+ font-weight: 700;
+ text-decoration: underline;
+ color: #31bb6b;
+}
+.day__events {
+ background-color: #def6e1;
+}
+/* yearly calender styling */
+.yearlyCalender {
+ background-color: #ffffff;
+ box-sizing: border-box;
+}
+
+.circularButton {
+ width: 25px;
+ height: 25px;
+ border-radius: 50%;
+ background-color: rgba(255, 255, 255, 0);
+ border: none;
+ cursor: pointer;
+ margin-left: 0.75rem;
+}
+.circularButton:hover {
+ background-color: rgba(82, 172, 255, 0.5);
+}
+.closebtn {
+ padding: 10px;
+}
+
+.yearlyCalendarHeader {
+ display: flex;
+ flex-direction: row;
+}
+
+.yearlyCalendarHeader > div {
+ font-weight: 600;
+ font-size: 2rem;
+ padding: 0 10px;
+ color: #4b4b4b;
+}
+.noEventAvailable {
+ background-color: rgba(255, 255, 255, 0);
+}
+
+.card {
+ /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
+ padding: 16px;
+ text-align: center;
+ /* background-color: #f1f1f1; */
+ height: 21rem;
+}
+.cardHeader {
+ text-align: left;
+}
+
+.row {
+ margin: 1px -5px;
+}
+
+/* Clear floats after the columns */
+.row:after {
+ content: '';
+ display: table;
+ clear: both;
+}
+
+.weekday__yearly {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ /* color: #fff; */
+ background-color: #ffffff;
+ font-weight: 600;
+}
+.day__yearly {
+ background-color: #ffffff;
+ padding-left: 0.3rem;
+ padding-right: 0.3rem;
+ background-color: white;
+ /* border: 1px solid #8d8d8d55; */
+ color: #4b4b4b;
+ font-weight: 600;
+ height: 2rem;
+ position: relative;
+}
+* {
+ box-sizing: border-box;
+}
+
+/* Float four columns side by side */
+.column {
+ float: left;
+ width: 25%;
+ padding: 10px;
+}
+
+/* Remove extra left and right margins, due to padding */
+.row {
+ margin: 0 -5px;
+}
+
+/* Clear floats after the columns */
+.row:after {
+ content: '';
+ display: table;
+ clear: both;
+}
+/* yearly calender styling ends */
+.btn__today {
+ transition: ease-in all 200ms;
+ font-family: Arial;
+ color: #ffffff;
+ font-size: 18px;
+ padding: 10px 20px 10px 20px;
+ text-decoration: none;
+ margin-left: 20px;
+ border: none;
+}
+.btnsContainer {
+ display: flex;
+ margin: 2.5rem 0 2.5rem 0;
+}
+
+.btnsContainer .btnsBlock {
+ display: flex;
+}
+
+.btnsContainer .btnsBlock button {
+ margin-left: 1rem;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.dropdown {
+ border-color: #31bb6b;
+ background-color: white;
+ color: #31bb6b;
+ box-shadow: 0px 2px 1px rgba(49, 187, 107, 0.5); /* Added blur effect */
+}
+
+.btnsContainer .input {
+ flex: 1;
+ position: relative;
+}
+
+.btnsContainer input {
+ outline: 1px solid var(--bs-gray-400);
+}
+
+.btnsContainer .input button {
+ width: 52px;
+}
+.searchBtn {
+ margin-bottom: 10px;
+}
+
+.inputField {
+ margin-top: 10px;
+ margin-bottom: 10px;
+ background-color: white;
+ box-shadow: 0 1px 1px #31bb6b;
+}
+.inputField > button {
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+.btn__more {
+ border: 0px;
+ font-size: 14px;
+ background-color: initial;
+ font-weight: 600;
+ transition: all 200ms;
+ position: relative;
+ display: block;
+ margin: -9px;
+ margin-top: -28px;
+}
+.btn__more:hover {
+ color: #3ce080;
+}
+
+.expand_event_list {
+ display: block;
+}
+.list_container {
+ padding: 5px;
+ width: fit-content;
+ display: flex;
+ flex-direction: row;
+}
+.event_list_hour {
+ display: flex;
+ flex-direction: row;
+}
+.expand_list_container {
+ width: 200px;
+ max-height: 250px;
+ z-index: 10;
+ position: absolute;
+ left: auto;
+ right: auto;
+ overflow: auto;
+ padding: 10px 4px 0px 4px;
+ background-color: rgb(241, 241, 241);
+ border: 1px solid rgb(201, 201, 201);
+ border-radius: 5px;
+ margin: 5px;
+}
+.flex_grow {
+ flex-grow: 1;
+}
+
+@media only screen and (max-width: 700px) {
+ .event_list {
+ display: none;
+ }
+ .expand_list_container {
+ width: 150px;
+ padding: 4px 4px 0px 4px;
+ }
+ .day {
+ height: 5rem;
+ }
+}
+
+@media only screen and (max-width: 500px) {
+ .btn__more {
+ font-size: 12px;
+ }
+
+ .column {
+ float: left;
+ width: 100%;
+ padding: 10px;
+ }
+}
diff --git a/src/components/EventCalendar/YearlyEventCalender.tsx b/src/components/EventCalendar/YearlyEventCalender.tsx
new file mode 100644
index 0000000000..63870ded3c
--- /dev/null
+++ b/src/components/EventCalendar/YearlyEventCalender.tsx
@@ -0,0 +1,412 @@
+import EventListCard from 'components/EventListCard/EventListCard';
+import dayjs from 'dayjs';
+import Button from 'react-bootstrap/Button';
+import React, { useState, useEffect } from 'react';
+import styles from './YearlyEventCalender.module.css';
+import type { ViewType } from 'screens/OrganizationEvents/OrganizationEvents';
+import { ChevronLeft, ChevronRight } from '@mui/icons-material';
+import type { InterfaceRecurrenceRule } from 'utils/recurrenceUtils';
+
+/**
+ * Interface for event data used in the calendar.
+ */
+interface InterfaceEventListCardProps {
+ userRole?: string;
+ key?: string;
+ _id: string;
+ location: string;
+ title: string;
+ description: string;
+ startDate: string;
+ endDate: string;
+ startTime: string | null;
+ endTime: string | null;
+ allDay: boolean;
+ recurring: boolean;
+ recurrenceRule: InterfaceRecurrenceRule | null;
+ isRecurringEventException: boolean;
+ isPublic: boolean;
+ isRegisterable: boolean;
+ attendees?: {
+ _id: string;
+ }[];
+ creator?: {
+ firstName: string;
+ lastName: string;
+ _id: string;
+ };
+}
+
+interface InterfaceCalendarProps {
+ eventData: InterfaceEventListCardProps[];
+ refetchEvents?: () => void;
+ orgData?: InterfaceIOrgList;
+ userRole?: string;
+ userId?: string;
+ viewType?: ViewType;
+}
+
+enum Status {
+ ACTIVE = 'ACTIVE',
+ BLOCKED = 'BLOCKED',
+ DELETED = 'DELETED',
+}
+
+/**
+ * Enum for different user roles.
+ */
+enum Role {
+ USER = 'USER',
+ SUPERADMIN = 'SUPERADMIN',
+ ADMIN = 'ADMIN',
+}
+
+/**
+ * Interface for event attendees.
+ */
+interface InterfaceIEventAttendees {
+ userId: string;
+ user?: string;
+ status?: Status;
+ createdAt?: Date;
+}
+
+/**
+ * Interface for organization list.
+ */
+interface InterfaceIOrgList {
+ admins: { _id: string }[];
+}
+
+/**
+ * Calendar component to display events for a selected year.
+ *
+ * This component renders a yearly calendar with navigation to view previous and next years.
+ * It displays events for each day, with functionality to expand and view details of events.
+ *
+ * @param eventData - Array of event data to display on the calendar.
+ * @param refetchEvents - Function to refresh the event data.
+ * @param orgData - Organization data to filter events.
+ * @param userRole - Role of the user for access control.
+ * @param userId - ID of the user for filtering events they are attending.
+ * @param viewType - Type of view for the calendar.
+ * @returns JSX.Element - The rendered calendar component.
+ */
+const Calendar: React.FC
+
+
+ setEventName(e.target.value)}
+ />
+
+
+
+
+
+
+
+
+ {viewType}
+
+
+
+ {ViewType.MONTH}
+
+
+ {ViewType.DAY}
+
+
+ {ViewType.YEAR}
+
+
+
+
+
+
+
+ {t('eventType')}
+
+
+
+ Events
+
+
+ Workshops
+
+
+
+
+
+
+ {date.getDate()}
+
+ );
+ });
+
+ renderedMonths.push(
+
+
+
+ {expandedY === `${monthInx}-${dayIndex}` && renderedEvents}
+
+ {renderedEvents && renderedEvents?.length > 0 && (
+
+ )}
+ {renderedEvents && renderedEvents?.length == 0 && (
+
+ )}
+
+
,
+ );
+ }
+
+ return renderedMonths;
+ };
+
+ /**
+ * Renders the yearly calendar with navigation buttons.
+ *
+ * @returns JSX.Element - The rendered yearly calendar component.
+ */
+ const renderYearlyCalendar = (): JSX.Element => {
+ return (
+
+
+ {months[monthInx]}
+
+ {weekdaysShorthand.map((weekday, index) => (
+
+
+ {weekday}
+
+ ))}
+ {renderedDays}
+
+
+ );
+ };
+
+ return (
+
+
+
+
+ {currentYear}
+
+
+
+ {renderMonthDays()}
+
+
+ );
+};
+
+export default Calendar;
diff --git a/src/components/EventCalendar/constants.js b/src/components/EventCalendar/constants.js
new file mode 100644
index 0000000000..f2b770426c
--- /dev/null
+++ b/src/components/EventCalendar/constants.js
@@ -0,0 +1,56 @@
+export const holidays = [
+ { name: 'May Day / Labour Day', date: '05-01', month: 'May' }, // May 1st
+ { name: "Mother's Day", date: '05-08', month: 'May' }, // Second Sunday in May
+ { name: "Father's Day", date: '06-19', month: 'June' }, // Third Sunday in June
+ { name: 'Independence Day (US)', date: '07-04', month: 'July' }, // July 4th
+ { name: 'Oktoberfest', date: '09-21', month: 'September' }, // September 21st (starts in September, ends in October)
+ { name: 'Halloween', date: '10-31', month: 'October' }, // October 31st
+ { name: 'Diwali', date: '11-04', month: 'November' },
+ {
+ name: 'Remembrance Day / Veterans Day',
+ date: '11-11',
+ month: 'November',
+ },
+ { name: 'Christmas Day', date: '12-25', month: 'December' }, // December 25th
+];
+export const weekdays = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+export const months = [
+ 'January',
+ 'February',
+ 'March',
+ 'April',
+ 'May',
+ 'June',
+ 'July',
+ 'August',
+ 'September',
+ 'October',
+ 'November',
+ 'December',
+];
+export const hours = [
+ '12 AM',
+ '01 AM',
+ '02 AM',
+ '03 AM',
+ '04 AM',
+ '05 AM',
+ '06 AM',
+ '07 AM',
+ '08 AM',
+ '09 AM',
+ '10 AM',
+ '11 AM',
+ '12 PM',
+ '01 PM',
+ '02 PM',
+ '03 PM',
+ '04 PM',
+ '05 PM',
+ '06 PM',
+ '07 PM',
+ '08 PM',
+ '09 PM',
+ '10 PM',
+ '11 PM',
+];
diff --git a/src/components/EventDashboardScreen/EventDashboardScreen.module.css b/src/components/EventDashboardScreen/EventDashboardScreen.module.css
new file mode 100644
index 0000000000..33c642dd95
--- /dev/null
+++ b/src/components/EventDashboardScreen/EventDashboardScreen.module.css
@@ -0,0 +1,198 @@
+.gap {
+ gap: 20px;
+}
+
+.mainContainer {
+ width: 50%;
+ flex-grow: 3;
+ padding: 20px;
+ max-height: 100%;
+ overflow: auto;
+}
+
+.containerHeight {
+ height: calc(100vh - 66px);
+}
+
+.colorLight {
+ background-color: #f1f3f6;
+}
+
+.pageContainer {
+ display: flex;
+ flex-direction: column;
+ min-height: 100vh;
+ padding: 1rem 1.5rem 0 calc(300px + 2rem + 1.5rem);
+}
+
+.expand {
+ padding-left: 4rem;
+ animation: moveLeft 0.5s ease-in-out;
+}
+.avatarStyle {
+ border-radius: 100%;
+}
+.profileContainer {
+ border: none;
+ padding: 2.1rem 0.5rem;
+ height: 52px;
+ border-radius: 8px 0px 0px 8px;
+ display: flex;
+ align-items: center;
+ background-color: white !important;
+ box-shadow:
+ 0 4px 4px 0 rgba(177, 177, 177, 0.2),
+ 0 6px 20px 0 rgba(151, 151, 151, 0.19);
+}
+.profileContainer:focus {
+ outline: none;
+ background-color: var(--bs-gray-100);
+}
+.imageContainer {
+ width: 56px;
+}
+.profileContainer .profileText {
+ flex: 1;
+ text-align: start;
+ overflow: hidden;
+ margin-right: 4px;
+}
+.angleDown {
+ margin-left: 4px;
+}
+.profileContainer .profileText .primaryText {
+ font-size: 1rem;
+ font-weight: 600;
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-line-clamp: 2; /* number of lines to show */
+ -webkit-box-orient: vertical;
+ word-wrap: break-word;
+ white-space: normal;
+}
+.profileContainer .profileText .secondaryText {
+ font-size: 0.8rem;
+ font-weight: 400;
+ color: var(--bs-secondary);
+ display: block;
+ text-transform: capitalize;
+}
+
+.contract {
+ padding-left: calc(300px + 2rem + 1.5rem);
+ animation: moveRight 0.5s ease-in-out;
+}
+
+.collapseSidebarButton {
+ position: fixed;
+ height: 40px;
+ bottom: 0;
+ z-index: 9999;
+ width: calc(300px + 2rem);
+ background-color: rgba(245, 245, 245, 0.7);
+ color: black;
+ border: none;
+ border-radius: 0px;
+}
+
+.collapseSidebarButton:hover,
+.opendrawer:hover {
+ opacity: 1;
+ color: black !important;
+}
+.opendrawer {
+ position: fixed;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ top: 0;
+ left: 0;
+ width: 40px;
+ height: 100vh;
+ z-index: 9999;
+ background-color: rgba(245, 245, 245);
+ border: none;
+ border-radius: 0px;
+ margin-right: 20px;
+ color: black;
+}
+.profileDropdown {
+ background-color: transparent !important;
+}
+.profileDropdown .dropdown-toggle .btn .btn-normal {
+ display: none !important;
+ background-color: transparent !important;
+}
+.dropdownToggle {
+ background-image: url(/public/images/svg/angleDown.svg);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-color: azure;
+}
+
+.dropdownToggle::after {
+ border-top: none !important;
+ border-bottom: none !important;
+}
+
+.opendrawer:hover {
+ transition: background-color 0.5s ease;
+ background-color: var(--bs-primary);
+}
+.collapseSidebarButton:hover {
+ transition: background-color 0.5s ease;
+ background-color: var(--bs-primary);
+}
+
+@media (max-width: 1120px) {
+ .contract {
+ padding-left: calc(250px + 2rem + 1.5rem);
+ }
+ .collapseSidebarButton {
+ width: calc(250px + 2rem);
+ }
+}
+
+@media (max-height: 900px) {
+ .pageContainer {
+ padding: 1rem 1.5rem 0 calc(300px + 2rem);
+ }
+ .collapseSidebarButton {
+ height: 30px;
+ width: calc(300px + 1rem);
+ }
+}
+@media (max-height: 650px) {
+ .pageContainer {
+ padding: 1rem 1.5rem 0 calc(270px);
+ }
+ .collapseSidebarButton {
+ width: 250px;
+ height: 20px;
+ }
+ .opendrawer {
+ width: 30px;
+ }
+}
+
+/* For tablets */
+@media (max-width: 820px) {
+ .pageContainer {
+ padding-left: 2.5rem;
+ }
+
+ .opendrawer {
+ width: 25px;
+ }
+
+ .contract,
+ .expand {
+ animation: none;
+ }
+
+ .collapseSidebarButton {
+ width: 100%;
+ left: 0;
+ right: 0;
+ }
+}
diff --git a/src/components/EventDashboardScreen/EventDashboardScreen.test.tsx b/src/components/EventDashboardScreen/EventDashboardScreen.test.tsx
new file mode 100644
index 0000000000..6b48b034a9
--- /dev/null
+++ b/src/components/EventDashboardScreen/EventDashboardScreen.test.tsx
@@ -0,0 +1,166 @@
+import React from 'react';
+import { MockedProvider } from '@apollo/react-testing';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { I18nextProvider } from 'react-i18next';
+import 'jest-location-mock';
+import { Provider } from 'react-redux';
+import { BrowserRouter } from 'react-router-dom';
+import { store } from 'state/store';
+import i18nForTest from 'utils/i18nForTest';
+import EventDashboardScreen from './EventDashboardScreen';
+import { ORGANIZATIONS_LIST } from 'GraphQl/Queries/Queries';
+import { StaticMockLink } from 'utils/StaticMockLink';
+import useLocalStorage from 'utils/useLocalstorage';
+const { setItem } = useLocalStorage();
+
+Object.defineProperty(window, 'matchMedia', {
+ writable: true,
+ value: jest.fn().mockImplementation((query) => ({
+ matches: false,
+ media: query,
+ onchange: null,
+ addListener: jest.fn(), // Deprecated
+ removeListener: jest.fn(), // Deprecated
+ addEventListener: jest.fn(),
+ removeEventListener: jest.fn(),
+ dispatchEvent: jest.fn(),
+ })),
+});
+
+let mockID: string | undefined = '123';
+jest.mock('react-router-dom', () => ({
+ ...jest.requireActual('react-router-dom'),
+ useParams: () => ({ orgId: mockID }),
+}));
+
+const MOCKS = [
+ {
+ request: {
+ query: ORGANIZATIONS_LIST,
+ variables: { id: '123' },
+ },
+ result: {
+ data: {
+ organizations: [
+ {
+ _id: '123',
+ image: null,
+ creator: {
+ firstName: 'John',
+ lastName: 'Doe',
+ email: 'JohnDoe@example.com',
+ },
+ name: 'Test Organization',
+ description: 'Testing this organization',
+ address: {
+ city: 'Mountain View',
+ countryCode: 'US',
+ dependentLocality: 'Some Dependent Locality',
+ line1: '123 Main Street',
+ line2: 'Apt 456',
+ postalCode: '94040',
+ sortingCode: 'XYZ-789',
+ state: 'CA',
+ },
+ userRegistrationRequired: true,
+ visibleInSearch: true,
+ members: [],
+ admins: [],
+ membershipRequests: [],
+ blockedUsers: [],
+ },
+ ],
+ },
+ },
+ },
+];
+const link = new StaticMockLink(MOCKS, true);
+
+const resizeWindow = (width: number): void => {
+ window.innerWidth = width;
+ fireEvent(window, new Event('resize'));
+};
+
+const clickToggleMenuBtn = (toggleButton: HTMLElement): void => {
+ fireEvent.click(toggleButton);
+};
+
+describe('Testing LeftDrawer in OrganizationScreen', () => {
+ test('should be redirected to / if IsLoggedIn is false', async () => {
+ setItem('IsLoggedIn', false);
+ render(
+
+
+ {renderYearlyCalendar()}
+
+
+
+ );
+ }
+
+ // Access targets from Redux store
+ const appRoutes: {
+ targets: TargetsType[];
+ } = useSelector((state: RootState) => state.appRoutes);
+ const { targets } = appRoutes;
+
+ const dispatch = useAppDispatch();
+
+ // Update targets when orgId changes
+ useEffect(() => {
+ dispatch(updateTargets(orgId));
+ }, [orgId]);
+
+ /**
+ * Handles window resize events to toggle the visibility of the sidebar drawer.
+ */
+ const handleResize = (): void => {
+ if (window.innerWidth <= 820 && !hideDrawer) {
+ setHideDrawer(true);
+ }
+ };
+
+ /**
+ * Toggles the visibility of the sidebar drawer.
+ */
+ const toggleDrawer = (): void => {
+ setHideDrawer(!hideDrawer);
+ };
+
+ useEffect(() => {
+ handleResize();
+ window.addEventListener('resize', handleResize);
+ return () => {
+ window.removeEventListener('resize', handleResize);
+ };
+ }, [hideDrawer]);
+
+ return (
+ <>
+
+
+
+
+
+
+
+ {t('title')}
+
+
+
+
+
+ );
+};
+
+export default EventDashboardScreen;
+
+const map: InterfaceMapType = {
+ orgdash: 'dashboard',
+ orgpeople: 'organizationPeople',
+ requests: 'requests',
+ orgads: 'advertisement',
+ member: 'memberDetail',
+ orgevents: 'organizationEvents',
+ orgactionitems: 'organizationActionItems',
+ orgcontribution: 'orgContribution',
+ orgpost: 'orgPost',
+ orgfunds: 'funds',
+ orgfundcampaign: 'fundCampaign',
+ fundCampaignPledge: 'pledges',
+ orgsetting: 'orgSettings',
+ orgstore: 'addOnStore',
+ blockuser: 'blockUnblockUser',
+ orgvenues: 'organizationVenues',
+ event: 'eventManagement',
+};
diff --git a/src/components/EventListCard/EventListCard.module.css b/src/components/EventListCard/EventListCard.module.css
new file mode 100644
index 0000000000..1e47972a42
--- /dev/null
+++ b/src/components/EventListCard/EventListCard.module.css
@@ -0,0 +1,223 @@
+.cards h2 {
+ font-size: 15px;
+ color: #4e4c4c;
+ font-weight: 500;
+}
+.cards > h3 {
+ font-size: 17px;
+}
+.cards > p {
+ font-size: 14px;
+ margin-top: 0px;
+ margin-bottom: 7px;
+}
+.cards a {
+ color: #fff;
+ font-weight: 600;
+}
+.cards a:hover {
+ color: black;
+}
+.cards {
+ position: relative;
+ overflow: hidden;
+ transition: all 0.3s;
+ margin-bottom: 5px;
+}
+.dispflex {
+ display: flex;
+ cursor: pointer;
+ justify-content: space-between;
+ margin: 10px 5px 5px 0px;
+}
+.eventtitle {
+ margin-bottom: 0px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+}
+.iconContainer {
+ display: flex;
+ justify-content: flex-end;
+}
+.icon {
+ margin: 2px;
+}
+
+.cards {
+ width: 100%;
+ background: #5cacf7 !important;
+ padding: 2px 3px;
+ border-radius: 5px;
+ border: 1px solid #e8e8e8;
+ box-shadow: 0 3px 2px #e8e8e8;
+ color: #737373;
+ box-sizing: border-box;
+}
+.cards:last-child:nth-last-child(odd) {
+ grid-column: auto / span 2;
+}
+
+.cards:first-child:nth-last-child(even),
+.cards:first-child:nth-last-child(even) ~ .box {
+ grid-column: auto / span 1;
+}
+
+.sidebarsticky > input {
+ text-decoration: none;
+ margin-bottom: 50px;
+ border-color: #e8e5e5;
+ width: 80%;
+ border-radius: 7px;
+ padding-top: 5px;
+ padding-bottom: 5px;
+ padding-right: 10px;
+ padding-left: 10px;
+ box-shadow: none;
+}
+.datediv {
+ display: flex;
+ flex-direction: row;
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+.datebox {
+ width: 90%;
+ border-radius: 7px;
+ border-color: #e8e5e5;
+ outline: none;
+ box-shadow: none;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ padding-right: 5px;
+ padding-left: 5px;
+}
+.datediv > div > p {
+ margin-bottom: 0.5rem;
+}
+
+.startDate {
+ margin-right: 0.25rem;
+}
+.endDate {
+ margin-left: 1.5rem;
+}
+
+.checkboxdiv > div label {
+ margin-right: 50px;
+}
+.checkboxdiv > label > input {
+ margin-left: 10px;
+}
+
+.dispflex > input {
+ width: 20%;
+ border: none;
+ box-shadow: none;
+ margin-top: 5px;
+}
+
+.checkboxContainer {
+ display: flex;
+ justify-content: space-between;
+}
+
+.checkboxdiv {
+ display: flex;
+ flex-direction: column;
+}
+
+.preview {
+ display: flex;
+ flex-direction: row;
+ font-weight: 700;
+ font-size: 16px;
+ color: #000000;
+ margin: 0;
+}
+.view {
+ margin-left: 2%;
+ font-weight: 600;
+ font-size: 16px;
+ color: #707070;
+}
+.flexdir {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ border: none;
+}
+
+.form_wrapper {
+ margin-top: 27px;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ position: absolute;
+ display: flex;
+ flex-direction: column;
+ padding: 20px 30px;
+ background: #ffffff;
+ border-color: #e8e5e5;
+ border-width: 5px;
+ border-radius: 10px;
+ width: 40%;
+}
+
+.form_wrapper form {
+ display: flex;
+ align-items: left;
+ justify-content: left;
+ flex-direction: column;
+}
+.titlemodal {
+ color: #000000;
+ font-weight: 600;
+ font-size: 24px;
+ margin-bottom: 20px;
+ padding-bottom: 5px;
+ border-bottom: 4px solid #31bb6b;
+ width: 50%;
+}
+.cancel > i {
+ margin-top: 5px;
+ transform: scale(1.2);
+ cursor: pointer;
+ color: #707070;
+}
+.modalbody {
+ width: 50px;
+}
+.list_box {
+ height: 70vh;
+ overflow-y: auto;
+ width: auto;
+}
+@media only screen and (max-width: 600px) {
+ .form_wrapper {
+ width: 90%;
+ top: 45%;
+ }
+ .checkboxContainer {
+ flex-direction: column;
+ }
+
+ .datediv {
+ flex-direction: column;
+ }
+
+ .datediv > div {
+ width: 100%;
+ margin-left: 0;
+ margin-bottom: 10px;
+ }
+
+ .datediv > div p {
+ margin-bottom: 5px;
+ }
+}
+
+.customButton {
+ width: 90%;
+ margin: 0 auto;
+}
diff --git a/src/components/EventListCard/EventListCard.test.tsx b/src/components/EventListCard/EventListCard.test.tsx
new file mode 100644
index 0000000000..afe81f436e
--- /dev/null
+++ b/src/components/EventListCard/EventListCard.test.tsx
@@ -0,0 +1,945 @@
+import React, { act } from 'react';
+import type { RenderResult } from '@testing-library/react';
+import { render, screen, fireEvent, waitFor } from '@testing-library/react';
+import { MockedProvider } from '@apollo/react-testing';
+import userEvent from '@testing-library/user-event';
+import { I18nextProvider } from 'react-i18next';
+import type { InterfaceEventListCardProps } from './EventListCard';
+import EventListCard from './EventListCard';
+import i18n from 'utils/i18nForTest';
+import { StaticMockLink } from 'utils/StaticMockLink';
+import { BrowserRouter, MemoryRouter, Route, Routes } from 'react-router-dom';
+import { Provider } from 'react-redux';
+import { store } from 'state/store';
+import { toast } from 'react-toastify';
+import { LocalizationProvider } from '@mui/x-date-pickers';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import useLocalStorage from 'utils/useLocalstorage';
+import { props } from './EventListCardProps';
+import { ERROR_MOCKS, MOCKS } from './EventListCardMocks';
+
+const { setItem } = useLocalStorage();
+
+const link = new StaticMockLink(MOCKS, true);
+const link2 = new StaticMockLink(ERROR_MOCKS, true);
+
+jest.mock('react-toastify', () => ({
+ toast: {
+ success: jest.fn(),
+ error: jest.fn(),
+ },
+}));
+
+async function wait(ms = 100): Promise
+
+
+
+ {t('title')}
+
+
+
+
+
+ + {props.eventName ? <>{props.eventName} : <>Dogs Care} +
+{t('eventDetails')}
+ +
+
+
+
+ );
+};
+
+export default EventDashboard;
diff --git a/src/components/EventManagement/EventAgendaItems/EventAgendaItems.module.css b/src/components/EventManagement/EventAgendaItems/EventAgendaItems.module.css
new file mode 100644
index 0000000000..9d1c32b766
--- /dev/null
+++ b/src/components/EventManagement/EventAgendaItems/EventAgendaItems.module.css
@@ -0,0 +1,22 @@
+.eventAgendaItemContainer h2 {
+ margin: 0.6rem 0;
+}
+
+.btnsContainer {
+ display: flex;
+ gap: 10px;
+}
+
+@media (max-width: 768px) {
+ .btnsContainer {
+ margin-bottom: 0;
+ display: flex;
+ flex-direction: column;
+ }
+
+ .createAgendaItemButton {
+ position: absolute;
+ top: 1rem;
+ right: 2rem;
+ }
+}
diff --git a/src/components/EventManagement/EventAgendaItems/EventAgendaItems.test.tsx b/src/components/EventManagement/EventAgendaItems/EventAgendaItems.test.tsx
new file mode 100644
index 0000000000..3bce7ad11e
--- /dev/null
+++ b/src/components/EventManagement/EventAgendaItems/EventAgendaItems.test.tsx
@@ -0,0 +1,214 @@
+import React from 'react';
+import {
+ render,
+ screen,
+ waitFor,
+ act,
+ waitForElementToBeRemoved,
+} from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import 'jest-localstorage-mock';
+import { MockedProvider } from '@apollo/client/testing';
+import 'jest-location-mock';
+import { I18nextProvider } from 'react-i18next';
+import { Provider } from 'react-redux';
+import { BrowserRouter } from 'react-router-dom';
+import i18n from 'utils/i18nForTest';
+// import { toast } from 'react-toastify';
+import { LocalizationProvider } from '@mui/x-date-pickers';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+
+import { store } from 'state/store';
+import { StaticMockLink } from 'utils/StaticMockLink';
+
+import EventAgendaItems from './EventAgendaItems';
+
+import {
+ MOCKS,
+ MOCKS_ERROR_QUERY,
+ // MOCKS_ERROR_MUTATION,
+} from './EventAgendaItemsMocks';
+
+jest.mock('react-toastify', () => ({
+ toast: {
+ success: jest.fn(),
+ error: jest.fn(),
+ },
+}));
+
+jest.mock('react-router-dom', () => ({
+ ...jest.requireActual('react-router-dom'),
+ useParams: () => ({ eventId: '123' }),
+}));
+
+//temporarily fixes react-beautiful-dnd droppable method's depreciation error
+//needs to be fixed in React 19
+jest.spyOn(console, 'error').mockImplementation((message) => {
+ if (message.includes('Support for defaultProps will be removed')) {
+ return;
+ }
+ console.error(message);
+});
+
+async function wait(ms = 100): Promise
+
+
+ 
+
+
+
+
+ + + {eventData.event.attendees.length} + +
+ No of Registrations +
+
+
+
+
+
+ + + {eventData.event.attendees.length} + +
+ No of Attendees +
+ 
+
+
+
+
+ + 4/5 +
+ Average Feedback +
+
+
+
+
+
+ + {eventData.event.title} +
++ {eventData.event.description} +
++ Location: {eventData.event.location} +
++ Registrants:{' '} + {eventData?.event?.attendees?.length} +
+
+ Recurring Event:{' '}
+
+ {eventData.event.recurring ? 'Active' : 'Inactive'}
+
+
+
+
+ + + {eventData.event.startTime !== null + ? `${formatTime(eventData.event.startTime)}` + : ``} + {' '} + + {formatDate(eventData.event.startDate)}{' '} + +
+{t('to')}
++ + {eventData.event.endTime !== null + ? `${formatTime(eventData.event.endTime)}` + : ``} + {' '} + + {formatDate(eventData.event.endDate)}{' '} + +
+
+
+ );
+ }
+
+ return (
+
+
+ Error occurred while loading{' '}
+ {agendaCategoryError ? 'Agenda Categories' : 'Agenda Items'} Data
+
+
+
+ Error occurred while loading{' '}
+ {agendaCategoryError ? 'Agenda Categories' : 'Agenda Items'} Data
+
+ {errorMessage}
+
+
+
+ );
+}
+
+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/components/EventManagement/EventAttendance/Attendance.mocks.ts b/src/components/EventManagement/EventAttendance/Attendance.mocks.ts
new file mode 100644
index 0000000000..2dc8c89571
--- /dev/null
+++ b/src/components/EventManagement/EventAttendance/Attendance.mocks.ts
@@ -0,0 +1,62 @@
+import { EVENT_ATTENDEES } from 'GraphQl/Queries/Queries';
+
+export const MOCKS = [
+ {
+ request: {
+ query: EVENT_ATTENDEES,
+ variables: {}, // Removed id since it's not required based on error
+ },
+ result: {
+ data: {
+ event: {
+ attendees: [
+ {
+ _id: '6589386a2caa9d8d69087484',
+ firstName: 'Bruce',
+ lastName: 'Garza',
+ gender: null,
+ birthDate: null,
+ createdAt: '2023-04-13T10:23:17.742',
+ eventsAttended: [
+ {
+ __typename: 'Event',
+ _id: '660fdf7d2c1ef6c7db1649ad',
+ },
+ {
+ __typename: 'Event',
+ _id: '660fdd562c1ef6c7db1644f7',
+ },
+ ],
+ __typename: 'User',
+ },
+ {
+ _id: '6589386a2caa9d8d69087485',
+ firstName: 'Jane',
+ lastName: 'Smith',
+ gender: null,
+ birthDate: null,
+ createdAt: '2023-04-13T10:23:17.742',
+ eventsAttended: [
+ {
+ __typename: 'Event',
+ _id: '660fdf7d2c1ef6c7db1649ad',
+ },
+ ],
+ __typename: 'User',
+ },
+ ],
+ },
+ },
+ },
+ },
+];
+
+export const MOCKS_ERROR = [
+ {
+ request: {
+ query: EVENT_ATTENDEES,
+ variables: {},
+ },
+ error: new Error('An error occurred'),
+ },
+];
diff --git a/src/components/EventManagement/EventAttendance/AttendedEventList.test.tsx b/src/components/EventManagement/EventAttendance/AttendedEventList.test.tsx
new file mode 100644
index 0000000000..2d60081acf
--- /dev/null
+++ b/src/components/EventManagement/EventAttendance/AttendedEventList.test.tsx
@@ -0,0 +1,119 @@
+import React from 'react';
+import { render, waitFor } from '@testing-library/react';
+import { MockedProvider } from '@apollo/react-testing';
+import AttendedEventList from './AttendedEventList';
+import { EVENT_DETAILS } from 'GraphQl/Queries/Queries';
+import { BrowserRouter } from 'react-router-dom';
+import { I18nextProvider } from 'react-i18next';
+import i18nForTest from 'utils/i18nForTest';
+import { formatDate } from 'utils/dateFormatter';
+
+const mockEvent = {
+ _id: 'event123',
+ title: 'Test Event',
+ description: 'This is a test event description',
+ startDate: '2023-05-01',
+ endDate: '2023-05-02',
+ startTime: '09:00:00',
+ endTime: '17:00:00',
+ allDay: false,
+ location: 'Test Location',
+ recurring: true,
+ baseRecurringEvent: {
+ _id: 'recurringEvent123',
+ },
+ organization: {
+ _id: 'org456',
+ members: [
+ { _id: 'member1', firstName: 'John', lastName: 'Doe' },
+ { _id: 'member2', firstName: 'Jane', lastName: 'Smith' },
+ ],
+ },
+ attendees: [{ _id: 'user1' }, { _id: 'user2' }],
+};
+
+const mocks = [
+ {
+ request: {
+ query: EVENT_DETAILS,
+ variables: { id: 'event123' },
+ },
+ result: {
+ data: {
+ event: mockEvent,
+ },
+ },
+ },
+];
+
+describe('Testing AttendedEventList', () => {
+ const props = {
+ eventId: 'event123',
+ };
+
+ test('Component renders and displays event details correctly', async () => {
+ const { queryByText, queryByTitle } = render(
+
+
+ +
+
+
+
+
+
+
+
+ {/* setSearchValue(e.target.value)}
+ value={searchValue}
+ data-testid="search"
+ /> */}
+
+
+
+ + +
Error loading event details. Please try again later.
; + } + + const event = data?.event ?? null; + + if (loading) returnLoading...
; + return ( +{t('loading')}
; + /*istanbul ignore next*/ + if (error) return{error.message}
; + + return ( +
+
+
+
+
+
+ );
+}
+
+export default EventAttendance;
diff --git a/src/components/EventManagement/EventAttendance/EventStatistics.test.tsx b/src/components/EventManagement/EventAttendance/EventStatistics.test.tsx
new file mode 100644
index 0000000000..03f4671a5e
--- /dev/null
+++ b/src/components/EventManagement/EventAttendance/EventStatistics.test.tsx
@@ -0,0 +1,358 @@
+import React from 'react';
+import { act, render, screen, waitFor } from '@testing-library/react';
+import { AttendanceStatisticsModal } from './EventStatistics';
+import { MockedProvider } from '@apollo/client/testing';
+import { EVENT_DETAILS, RECURRING_EVENTS } from 'GraphQl/Queries/Queries';
+import userEvent from '@testing-library/user-event';
+import { exportToCSV } from 'utils/chartToPdf';
+
+// Mock chart.js to avoid canvas errors
+jest.mock('react-chartjs-2', () => ({
+ Line: () => null,
+ Bar: () => null,
+}));
+// Mock react-router-dom
+jest.mock('react-router-dom', () => ({
+ useParams: () => ({
+ orgId: 'org123',
+ eventId: 'event123',
+ }),
+}));
+jest.mock('utils/chartToPdf', () => ({
+ exportToCSV: jest.fn(),
+}));
+const mocks = [
+ {
+ request: {
+ query: EVENT_DETAILS,
+ variables: { id: 'event123' },
+ },
+ result: {
+ data: {
+ event: {
+ _id: 'event123',
+ title: 'Test Event',
+ description: 'Test Description',
+ startDate: '2023-01-01',
+ endDate: '2023-01-02',
+ startTime: '09:00',
+ endTime: '17:00',
+ allDay: false,
+ location: 'Test Location',
+ recurring: true,
+ baseRecurringEvent: { _id: 'base123' },
+ organization: {
+ _id: 'org123',
+ members: [
+ { _id: 'user1', firstName: 'John', lastName: 'Doe' },
+ { _id: 'user2', firstName: 'Jane', lastName: 'Smith' },
+ ],
+ },
+ attendees: [
+ {
+ _id: 'user1',
+ gender: 'MALE',
+ },
+ {
+ _id: 'user2',
+ gender: 'FEMALE',
+ },
+ ],
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: RECURRING_EVENTS,
+ variables: { baseRecurringEventId: 'base123' },
+ },
+ result: {
+ data: {
+ getRecurringEvents: [
+ {
+ _id: 'event123',
+ startDate: '2023-01-01',
+ title: 'Test Event 1',
+ attendees: [
+ { _id: 'user1', gender: 'MALE' },
+ { _id: 'user2', gender: 'FEMALE' },
+ ],
+ },
+ {
+ _id: 'event456',
+ startDate: '2023-01-08',
+ title: 'Test Event 2',
+ attendees: [
+ { _id: 'user1', gender: 'MALE' },
+ { _id: 'user3', gender: 'OTHER' },
+ ],
+ },
+ {
+ _id: 'event789',
+ startDate: '2023-01-15',
+ title: 'Test Event 3',
+ attendees: [
+ { _id: 'user2', gender: 'FEMALE' },
+ { _id: 'user3', gender: 'OTHER' },
+ ],
+ },
+ ],
+ },
+ },
+ },
+];
+
+const mockMemberData = [
+ {
+ _id: 'user1',
+ firstName: 'John',
+ lastName: 'Doe',
+ gender: 'MALE',
+ birthDate: new Date('1990-01-01'),
+ email: 'john@example.com' as `${string}@${string}.${string}`,
+ createdAt: '2023-01-01',
+ __typename: 'User',
+ tagsAssignedWith: {
+ edges: [],
+ },
+ },
+ {
+ _id: 'user2',
+ firstName: 'Jane',
+ lastName: 'Smith',
+ gender: 'FEMALE',
+ birthDate: new Date('1985-05-05'),
+ email: 'jane@example.com' as `${string}@${string}.${string}`,
+ createdAt: '2023-01-01',
+ __typename: 'User',
+ tagsAssignedWith: {
+ edges: [],
+ },
+ },
+];
+
+const mockStatistics = {
+ totalMembers: 2,
+ membersAttended: 1,
+ attendanceRate: 50,
+};
+
+describe('AttendanceStatisticsModal', () => {
+ test('renders modal with correct initial state', async () => {
+ render(
+
+
+ {/*
+
+
+
+
+ 
+ Filter: {filteringBy}
+
+ }
+ onSelect={(eventKey) => setFilteringBy(eventKey as FilterPeriod)}
+ >
+ This Month
+ This Year
+ All
+
+
+
+ Sort
+
+ }
+ onSelect={
+ /*istanbul ignore next*/
+ (eventKey) => setSortOrder(eventKey as 'ascending' | 'descending')
+ }
+ >
+ Ascending
+ Descending
+
+
+
+ searchEventAttendees(e.target.value)}
+ />
+
+
+
+
+ Filter: {filteringBy}
+
+ }
+ onSelect={(eventKey) => setFilteringBy(eventKey as FilterPeriod)}
+ >
+
+ Sort
+
+ }
+ onSelect={
+ /*istanbul ignore next*/
+ (eventKey) => setSortOrder(eventKey as 'ascending' | 'descending')
+ }
+ >
+ {totalMembers}
*/} +
+ {isEventRecurring ? (
+
+
+
+ ) : (
+
+
+
+ Trends
+
+
+ )}
+ + {statistics.totalMembers} +
+
+
+ Attendance Count
+
+
+
+
+
+
+
+
+ Demography
+Registered Registrants
+ {attendeesData.event.attendees.length == 0 + ? `There are no registered attendees for this event.` + : null} ++ +
+
+ }
+ options={memberData.organizations[0].members}
+ getOptionLabel={(member: InterfaceUser): string =>
+ `${member.firstName} ${member.lastName}`
+ }
+ renderInput={(params): React.ReactNode => (
+ No Registrations found
+ { + setOpen(true); + }} + > + Add Onspot Registration + ++
+ {/* Render review statistics and average rating */}
+
+ Average Review Score
+Feedback Analysis
++ {data.event.feedback.length} people have filled feedback for this + event. +
+ {data.event.feedback.length ? ( +Reviews
+Filled by {reviews.length} people.
+ {reviews.length ? ( + reviews.map((review) => ( +
+
+ ))
+ ) : (
+ <>Waiting for people to talk about the event...
+ )}
+
+
+ {review.review}
+{props?.holidayName}
;
+};
+
+export default HolidayCard;
diff --git a/src/components/IconComponent/IconComponent.test.tsx b/src/components/IconComponent/IconComponent.test.tsx
new file mode 100644
index 0000000000..3ba6ccd84d
--- /dev/null
+++ b/src/components/IconComponent/IconComponent.test.tsx
@@ -0,0 +1,105 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import IconComponent from './IconComponent';
+
+const screenTestIdMap: Record
+
+
+ );
+};
+
+export default InfiniteScrollLoader;
diff --git a/src/components/LeftDrawer/LeftDrawer.module.css b/src/components/LeftDrawer/LeftDrawer.module.css
new file mode 100644
index 0000000000..86948b9930
--- /dev/null
+++ b/src/components/LeftDrawer/LeftDrawer.module.css
@@ -0,0 +1,239 @@
+.leftDrawer {
+ width: calc(300px + 2rem);
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ z-index: 100;
+ display: flex;
+ flex-direction: column;
+ padding: 1rem 1rem 0 1rem;
+ background-color: #f6f8fc;
+ transition: 0.5s;
+ font-family: var(--bs-leftDrawer-font-family);
+}
+
+.activeDrawer {
+ width: calc(300px + 2rem);
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ animation: comeToRightBigScreen 0.5s ease-in-out;
+}
+
+.inactiveDrawer {
+ position: fixed;
+ top: 0;
+ left: calc(-300px - 2rem);
+ bottom: 0;
+ animation: goToLeftBigScreen 0.5s ease-in-out;
+}
+
+.leftDrawer .talawaLogo {
+ width: 100%;
+ height: 65px;
+}
+
+.leftDrawer .talawaText {
+ font-size: 20px;
+ text-align: center;
+ font-weight: 500;
+}
+
+.leftDrawer .titleHeader {
+ margin: 2rem 0 1rem 0;
+ font-weight: 600;
+}
+
+.leftDrawer .optionList button {
+ display: flex;
+ align-items: center;
+ width: 100%;
+ text-align: start;
+ margin-bottom: 0.8rem;
+ border-radius: 16px;
+ outline: none;
+ border: none;
+}
+
+.leftDrawer .optionList button .iconWrapper {
+ width: 36px;
+}
+
+.leftDrawer .profileContainer {
+ border: none;
+ width: 100%;
+ padding: 2.1rem 0.5rem;
+ height: 52px;
+ display: flex;
+ align-items: center;
+ background-color: var(--bs-white);
+}
+
+.leftDrawer .profileContainer:focus {
+ outline: none;
+ background-color: var(--bs-gray-100);
+}
+
+.leftDrawer .imageContainer {
+ width: 68px;
+}
+
+.leftDrawer .profileContainer img {
+ height: 52px;
+ width: 52px;
+ border-radius: 50%;
+}
+
+.leftDrawer .profileContainer .profileText {
+ flex: 1;
+ text-align: start;
+}
+
+.leftDrawer .profileContainer .profileText .primaryText {
+ font-size: 1.1rem;
+ font-weight: 600;
+}
+
+.leftDrawer .profileContainer .profileText .secondaryText {
+ font-size: 0.8rem;
+ font-weight: 400;
+ color: var(--bs-secondary);
+ display: block;
+ text-transform: capitalize;
+}
+
+@media (max-width: 1120px) {
+ .leftDrawer {
+ width: calc(250px + 2rem);
+ padding: 1rem 1rem 0 1rem;
+ }
+}
+
+/* For tablets */
+@media (max-width: 820px) {
+ .hideElemByDefault {
+ display: none;
+ }
+
+ .leftDrawer {
+ width: 100%;
+ left: 0;
+ right: 0;
+ }
+
+ .inactiveDrawer {
+ opacity: 0;
+ left: 0;
+ z-index: -1;
+ animation: closeDrawer 0.4s ease-in-out;
+ }
+
+ .activeDrawer {
+ display: flex;
+ z-index: 100;
+ animation: openDrawer 0.6s ease-in-out;
+ }
+
+ .logout {
+ margin-bottom: 2.5rem !important;
+ }
+}
+
+@keyframes goToLeftBigScreen {
+ from {
+ left: 0;
+ }
+
+ to {
+ opacity: 0.1;
+ left: calc(-300px - 2rem);
+ }
+}
+
+/* Webkit prefix for older browser compatibility */
+@-webkit-keyframes goToLeftBigScreen {
+ from {
+ left: 0;
+ }
+
+ to {
+ opacity: 0.1;
+ left: calc(-300px - 2rem);
+ }
+}
+
+@keyframes comeToRightBigScreen {
+ from {
+ opacity: 0.4;
+ left: calc(-300px - 2rem);
+ }
+
+ to {
+ opacity: 1;
+ left: 0;
+ }
+}
+
+/* Webkit prefix for older browser compatibility */
+@-webkit-keyframes comeToRightBigScreen {
+ from {
+ opacity: 0.4;
+ left: calc(-300px - 2rem);
+ }
+
+ to {
+ opacity: 1;
+ left: 0;
+ }
+}
+
+@keyframes closeDrawer {
+ from {
+ left: 0;
+ opacity: 1;
+ }
+
+ to {
+ left: -1000px;
+ opacity: 0;
+ }
+}
+
+/* Webkit prefix for older browser compatibility */
+@-webkit-keyframes closeDrawer {
+ from {
+ left: 0;
+ opacity: 1;
+ }
+
+ to {
+ left: -1000px;
+ opacity: 0;
+ }
+}
+
+@keyframes openDrawer {
+ from {
+ opacity: 0;
+ left: -1000px;
+ }
+
+ to {
+ left: 0;
+ opacity: 1;
+ }
+}
+
+/* Webkit prefix for older browser compatibility */
+@-webkit-keyframes openDrawer {
+ from {
+ opacity: 0;
+ left: -1000px;
+ }
+
+ to {
+ left: 0;
+ opacity: 1;
+ }
+}
diff --git a/src/components/LeftDrawer/LeftDrawer.test.tsx b/src/components/LeftDrawer/LeftDrawer.test.tsx
new file mode 100644
index 0000000000..6701d2d4bb
--- /dev/null
+++ b/src/components/LeftDrawer/LeftDrawer.test.tsx
@@ -0,0 +1,226 @@
+import React, { act } from 'react';
+import { fireEvent, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import 'jest-localstorage-mock';
+import { I18nextProvider } from 'react-i18next';
+import { BrowserRouter } from 'react-router-dom';
+
+import i18nForTest from 'utils/i18nForTest';
+import type { InterfaceLeftDrawerProps } from './LeftDrawer';
+import LeftDrawer from './LeftDrawer';
+import { REVOKE_REFRESH_TOKEN } from 'GraphQl/Mutations/mutations';
+import { StaticMockLink } from 'utils/StaticMockLink';
+import { MockedProvider } from '@apollo/react-testing';
+import useLocalStorage from 'utils/useLocalstorage';
+
+const { setItem } = useLocalStorage();
+
+const props = {
+ hideDrawer: true,
+ setHideDrawer: jest.fn(),
+};
+
+const resizeWindow = (width: number): void => {
+ window.innerWidth = width;
+ fireEvent(window, new Event('resize'));
+};
+
+const propsOrg: InterfaceLeftDrawerProps = {
+ ...props,
+};
+
+const MOCKS = [
+ {
+ request: {
+ query: REVOKE_REFRESH_TOKEN,
+ },
+ result: {},
+ },
+];
+
+const link = new StaticMockLink(MOCKS, true);
+
+jest.mock('react-toastify', () => ({
+ toast: {
+ success: jest.fn(),
+ warn: jest.fn(),
+ error: jest.fn(),
+ },
+}));
+
+beforeEach(() => {
+ setItem('FirstName', 'John');
+ setItem('LastName', 'Doe');
+ setItem(
+ 'UserImage',
+ 'https://api.dicebear.com/5.x/initials/svg?seed=John%20Doe',
+ );
+});
+
+afterEach(() => {
+ jest.clearAllMocks();
+ localStorage.clear();
+});
+
+describe('Testing Left Drawer component for SUPERADMIN', () => {
+ test('Component should be rendered properly', async () => {
+ setItem('UserImage', '');
+ setItem('SuperAdmin', true);
+ setItem('FirstName', 'John');
+ setItem('LastName', 'Doe');
+
+ await act(async () => {
+ render(
+
+
+
+ );
+};
+
+export default leftDrawer;
diff --git a/src/components/LeftDrawerOrg/LeftDrawerOrg.module.css b/src/components/LeftDrawerOrg/LeftDrawerOrg.module.css
new file mode 100644
index 0000000000..6296b1aa73
--- /dev/null
+++ b/src/components/LeftDrawerOrg/LeftDrawerOrg.module.css
@@ -0,0 +1,362 @@
+.leftDrawer {
+ width: calc(300px + 2rem);
+ min-height: 100%;
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ z-index: 100;
+ display: flex;
+ flex-direction: column;
+ padding: 0.8rem 0rem 0 1rem;
+ background-color: #f6f8fc;
+ transition: 0.5s;
+ font-family: var(--bs-leftDrawer-font-family);
+}
+
+.avatarContainer {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin: 1rem 0;
+ width: 75%;
+ height: 75%;
+}
+
+.activeDrawer {
+ width: calc(300px + 2rem);
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ animation: comeToRightBigScreen 0.5s ease-in-out;
+}
+
+.inactiveDrawer {
+ position: fixed;
+ top: 0;
+ left: calc(-300px - 2rem);
+ bottom: 0;
+ animation: goToLeftBigScreen 0.5s ease-in-out;
+}
+
+.leftDrawer .brandingContainer {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+}
+
+.leftDrawer .organizationContainer button {
+ position: relative;
+ margin: 0.7rem 0;
+ padding: 2.5rem 0.1rem;
+ border-radius: 16px;
+}
+
+.leftDrawer .talawaLogo {
+ width: 50px;
+ height: 50px;
+ margin-right: 0.3rem;
+}
+
+.leftDrawer .talawaText {
+ font-size: 18px;
+ font-weight: 500;
+}
+
+.leftDrawer .titleHeader {
+ font-weight: 600;
+ margin: 0.6rem 0rem;
+}
+
+.leftDrawer .optionList {
+ height: 100%;
+ overflow-y: scroll;
+ padding-bottom: 1.5rem;
+}
+
+.leftDrawer .optionList button {
+ display: flex;
+ align-items: center;
+ width: 100%;
+ text-align: start;
+ margin-bottom: 0.8rem;
+ border-radius: 16px;
+ font-size: 16px;
+ padding: 0.6rem;
+ padding-left: 0.8rem;
+ outline: none;
+ border: none;
+}
+
+.leftDrawer button .iconWrapper {
+ width: 36px;
+}
+
+.leftDrawer .optionList .collapseBtn {
+ height: 48px;
+ border: none;
+}
+
+.leftDrawer button .iconWrapperSm {
+ width: 36px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.leftDrawer .organizationContainer .profileContainer {
+ background-color: #e0e9ff;
+ padding-right: 10px;
+}
+
+.leftDrawer .profileContainer {
+ border: none;
+ width: 100%;
+ height: 52px;
+ border-radius: 16px;
+ display: flex;
+ align-items: center;
+ background-color: var(--bs-white);
+}
+
+.leftDrawer .profileContainer:focus {
+ outline: none;
+}
+
+.leftDrawer .imageContainer {
+ width: 68px;
+ margin-left: 0.75rem;
+ margin-right: 8px;
+}
+
+.leftDrawer .profileContainer img {
+ height: 52px;
+ width: 52px;
+ border-radius: 50%;
+}
+
+.leftDrawer .profileContainer .profileText {
+ flex: 1;
+ text-align: start;
+ overflow: hidden;
+}
+
+.leftDrawer .profileContainer .profileText .primaryText {
+ font-size: 1.1rem;
+ font-weight: 600;
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-line-clamp: 2; /* number of lines to show */
+ -webkit-box-orient: vertical;
+ word-wrap: break-word;
+ white-space: normal;
+}
+
+.leftDrawer .profileContainer .profileText .secondaryText {
+ font-size: 0.8rem;
+ font-weight: 400;
+ /* color: var(--bs-secondary); */
+ display: block;
+ text-transform: capitalize;
+}
+
+@media (max-width: 1120px) {
+ .leftDrawer {
+ width: calc(250px + 2rem);
+ padding: 1rem 0rem 0 1rem;
+ }
+}
+
+/* For tablets */
+@media (max-height: 900px) {
+ .leftDrawer {
+ width: calc(300px + 1rem);
+ }
+ .leftDrawer .talawaLogo {
+ width: 38px;
+ height: 38px;
+ margin-right: 0.4rem;
+ }
+ .leftDrawer .talawaText {
+ font-size: 1rem;
+ }
+ .leftDrawer .organizationContainer button {
+ margin: 0.6rem 0;
+ padding: 2.2rem 0.1rem;
+ }
+ .leftDrawer .optionList button {
+ margin-bottom: 0.05rem;
+ font-size: 16px;
+ padding-left: 0.8rem;
+ }
+ .leftDrawer .profileContainer .profileText .primaryText {
+ font-size: 1rem;
+ }
+ .leftDrawer .profileContainer .profileText .secondaryText {
+ font-size: 0.8rem;
+ }
+}
+@media (max-height: 650px) {
+ .leftDrawer {
+ padding: 0.5rem 0rem 0 0.8rem;
+ width: calc(250px);
+ }
+ .leftDrawer .talawaText {
+ font-size: 0.8rem;
+ }
+ .leftDrawer .organizationContainer button {
+ margin: 0.2rem 0;
+ padding: 1.6rem 0rem;
+ }
+ .leftDrawer .titleHeader {
+ font-size: 16px;
+ }
+ .leftDrawer .optionList button {
+ margin-bottom: 0.05rem;
+ font-size: 14px;
+ padding: 0.4rem;
+ padding-left: 0.8rem;
+ }
+ .leftDrawer .profileContainer .profileText .primaryText {
+ font-size: 0.8rem;
+ }
+ .leftDrawer .profileContainer .profileText .secondaryText {
+ font-size: 0.6rem;
+ }
+ .leftDrawer .imageContainer {
+ width: 40px;
+ margin-left: 0.75rem;
+ margin-right: 12px;
+ }
+ .leftDrawer .imageContainer img {
+ width: 40px;
+ height: 100%;
+ }
+}
+
+@media (max-width: 820px) {
+ .hideElemByDefault {
+ display: none;
+ }
+
+ .leftDrawer {
+ width: 100%;
+ left: 0;
+ right: 0;
+ }
+
+ .inactiveDrawer {
+ opacity: 0;
+ left: 0;
+ z-index: -1;
+ animation: closeDrawer 0.2s ease-in-out;
+ }
+
+ .activeDrawer {
+ display: flex;
+ z-index: 100;
+ animation: openDrawer 0.4s ease-in-out;
+ }
+
+ .logout {
+ margin-bottom: 2.5rem;
+ }
+}
+
+@keyframes goToLeftBigScreen {
+ from {
+ left: 0;
+ }
+
+ to {
+ opacity: 0.1;
+ left: calc(-300px - 2rem);
+ }
+}
+
+/* Webkit prefix for older browser compatibility */
+@-webkit-keyframes goToLeftBigScreen {
+ from {
+ left: 0;
+ }
+
+ to {
+ opacity: 0.1;
+ left: calc(-300px - 2rem);
+ }
+}
+
+@keyframes comeToRightBigScreen {
+ from {
+ opacity: 0.4;
+ left: calc(-300px - 2rem);
+ }
+
+ to {
+ opacity: 1;
+ left: 0;
+ }
+}
+
+/* Webkit prefix for older browser compatibility */
+@-webkit-keyframes comeToRightBigScreen {
+ from {
+ opacity: 0.4;
+ left: calc(-300px - 2rem);
+ }
+
+ to {
+ opacity: 1;
+ left: 0;
+ }
+}
+
+@keyframes closeDrawer {
+ from {
+ left: 0;
+ opacity: 1;
+ }
+
+ to {
+ left: -1000px;
+ opacity: 0;
+ }
+}
+
+/* Webkit prefix for older browser compatibility */
+@-webkit-keyframes closeDrawer {
+ from {
+ left: 0;
+ opacity: 1;
+ }
+
+ to {
+ left: -1000px;
+ opacity: 0;
+ }
+}
+
+@keyframes openDrawer {
+ from {
+ opacity: 0;
+ left: -1000px;
+ }
+
+ to {
+ left: 0;
+ opacity: 1;
+ }
+}
+
+/* Webkit prefix for older browser compatibility */
+@-webkit-keyframes openDrawer {
+ from {
+ opacity: 0;
+ left: -1000px;
+ }
+
+ to {
+ left: 0;
+ opacity: 1;
+ }
+}
diff --git a/src/components/LeftDrawerOrg/LeftDrawerOrg.test.tsx b/src/components/LeftDrawerOrg/LeftDrawerOrg.test.tsx
new file mode 100644
index 0000000000..71f3593499
--- /dev/null
+++ b/src/components/LeftDrawerOrg/LeftDrawerOrg.test.tsx
@@ -0,0 +1,474 @@
+import React, { act } from 'react';
+import { fireEvent, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import 'jest-localstorage-mock';
+import { I18nextProvider } from 'react-i18next';
+import { BrowserRouter, MemoryRouter } from 'react-router-dom';
+
+import i18nForTest from 'utils/i18nForTest';
+import type { InterfaceLeftDrawerProps } from './LeftDrawerOrg';
+import LeftDrawerOrg from './LeftDrawerOrg';
+import { Provider } from 'react-redux';
+import { MockedProvider } from '@apollo/react-testing';
+import { store } from 'state/store';
+import { ORGANIZATIONS_LIST } from 'GraphQl/Queries/Queries';
+import { StaticMockLink } from 'utils/StaticMockLink';
+import { REVOKE_REFRESH_TOKEN } from 'GraphQl/Mutations/mutations';
+import useLocalStorage from 'utils/useLocalstorage';
+
+const { setItem } = useLocalStorage();
+
+const props: InterfaceLeftDrawerProps = {
+ orgId: '123',
+ targets: [
+ {
+ name: 'Admin Profile',
+ url: '/member/123',
+ },
+ {
+ name: 'Dashboard',
+ url: '/orgdash/123',
+ },
+ {
+ name: 'People',
+ url: '/orgpeople/123',
+ },
+ {
+ name: 'Events',
+ url: '/orgevents/123',
+ },
+ {
+ name: 'Posts',
+ url: '/orgpost/123',
+ },
+ {
+ name: 'Block/Unblock',
+ url: '/blockuser/123',
+ },
+ {
+ name: 'Plugins',
+ subTargets: [
+ {
+ name: 'Plugin Store',
+ url: '/orgstore/123',
+ icon: 'fa-store',
+ },
+ ],
+ },
+ {
+ name: 'Settings',
+ url: '/orgsetting/123',
+ },
+ {
+ name: 'All Organizations',
+ url: '/orglist/123',
+ },
+ ],
+ hideDrawer: false,
+ setHideDrawer: jest.fn(),
+};
+
+const MOCKS = [
+ {
+ request: {
+ query: REVOKE_REFRESH_TOKEN,
+ },
+ result: {
+ data: {
+ revokeRefreshTokenForUser: true,
+ },
+ },
+ },
+ {
+ request: {
+ query: ORGANIZATIONS_LIST,
+ variables: { id: '123' },
+ },
+ result: {
+ data: {
+ organizations: [
+ {
+ _id: '123',
+ image: null,
+ creator: {
+ firstName: 'John',
+ lastName: 'Doe',
+ email: 'JohnDoe@example.com',
+ },
+ name: 'Test Organization',
+ description: 'Testing this organization',
+ address: {
+ city: 'Delhi',
+ countryCode: 'IN',
+ dependentLocality: 'Some Dependent Locality',
+ line1: '123 Random Street',
+ line2: 'Apartment 456',
+ postalCode: '110001',
+ sortingCode: 'ABC-123',
+ state: 'Delhi',
+ },
+ userRegistrationRequired: true,
+ visibleInSearch: true,
+ members: [
+ {
+ _id: 'john123',
+ firstName: 'John',
+ lastName: 'Doe',
+ email: 'JohnDoe@example.com',
+ },
+ {
+ _id: 'jane123',
+ firstName: 'Jane',
+ lastName: 'Doe',
+ email: 'JaneDoe@example.com',
+ },
+ ],
+ admins: [
+ {
+ _id: 'john123',
+ firstName: 'John',
+ lastName: 'Doe',
+ email: 'JohnDoe@example.com',
+ createdAt: '12-03-2024',
+ },
+ ],
+ membershipRequests: [],
+ blockedUsers: [],
+ },
+ ],
+ },
+ },
+ },
+];
+
+const MOCKS_WITH_IMAGE = [
+ {
+ request: {
+ query: ORGANIZATIONS_LIST,
+ variables: { id: '123' },
+ },
+ result: {
+ data: {
+ organizations: [
+ {
+ _id: '123',
+ image:
+ 'https://api.dicebear.com/5.x/initials/svg?seed=Test%20Organization',
+ creator: {
+ firstName: 'John',
+ lastName: 'Doe',
+ email: 'JohnDoe@example.com',
+ },
+ name: 'Test Organization',
+ description: 'Testing this organization',
+ address: {
+ city: 'Delhi',
+ countryCode: 'IN',
+ dependentLocality: 'Some Dependent Locality',
+ line1: '123 Random Street',
+ line2: 'Apartment 456',
+ postalCode: '110001',
+ sortingCode: 'ABC-123',
+ state: 'Delhi',
+ },
+ userRegistrationRequired: true,
+ visibleInSearch: true,
+ members: [
+ {
+ _id: 'john123',
+ firstName: 'John',
+ lastName: 'Doe',
+ email: 'JohnDoe@example.com',
+ },
+ {
+ _id: 'jane123',
+ firstName: 'Jane',
+ lastName: 'Doe',
+ email: 'JaneDoe@example.com',
+ },
+ ],
+ admins: [
+ {
+ _id: 'john123',
+ firstName: 'John',
+ lastName: 'Doe',
+ email: 'JohnDoe@example.com',
+ createdAt: '12-03-2024',
+ },
+ ],
+ membershipRequests: [],
+ blockedUsers: [],
+ },
+ ],
+ },
+ },
+ },
+];
+
+const MOCKS_EMPTY = [
+ {
+ request: {
+ query: ORGANIZATIONS_LIST,
+ variables: { id: '123' },
+ },
+ result: {
+ data: {
+ organizations: [],
+ },
+ },
+ },
+];
+
+const MOCKS_EMPTY_ORGID = [
+ {
+ request: {
+ query: ORGANIZATIONS_LIST,
+ variables: { id: '' },
+ },
+ result: {
+ data: {
+ organizations: [],
+ },
+ },
+ },
+];
+
+const defaultScreens = [
+ 'Dashboard',
+ 'People',
+ 'Events',
+ 'Posts',
+ 'Block/Unblock',
+ 'Plugins',
+ 'Settings',
+ 'All Organizations',
+];
+
+jest.mock('react-toastify', () => ({
+ toast: {
+ success: jest.fn(),
+ warn: jest.fn(),
+ error: jest.fn(),
+ },
+}));
+
+async function wait(ms = 100): Promise{tCommon('talawaAdminPortal')}
++ {tCommon('menu')} +
+
+
+ {({ isActive }) => (
+
+ )}
+
+ {superAdmin && (
+ <>
+
+ {({ isActive }) => (
+
+ )}
+
+
+ {({ isActive }) => (
+
+ )}
+
+
+ )}
+
+
+ {/* Branding Section */}
+
+
+ );
+};
+
+export default leftDrawerOrg;
diff --git a/src/components/Loader/Loader.module.css b/src/components/Loader/Loader.module.css
new file mode 100644
index 0000000000..aad512e826
--- /dev/null
+++ b/src/components/Loader/Loader.module.css
@@ -0,0 +1,25 @@
+.spinner_wrapper {
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.spinnerXl {
+ width: 6rem;
+ height: 6rem;
+ border-width: 0.5rem;
+}
+
+.spinnerLg {
+ height: 4rem;
+ width: 4rem;
+ border-width: 0.3rem;
+}
+
+.spinnerSm {
+ height: 2rem;
+ width: 2rem;
+ border-width: 0.2rem;
+}
diff --git a/src/components/Loader/Loader.test.tsx b/src/components/Loader/Loader.test.tsx
new file mode 100644
index 0000000000..c512b480e3
--- /dev/null
+++ b/src/components/Loader/Loader.test.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import Loader from './Loader';
+
+describe('Testing Loader component', () => {
+ test('Component should be rendered properly', () => {
+ render(
+
+
+ {/* Organization Section */}
+
+ {loading ? (
+ <>
+
+
+ ) : organization == undefined ? (
+ !isProfilePage && (
+
+ )
+ ) : (
+
+ )}
+
+
+ {/* Options List */}
+ + {tCommon('menu')} +
+
+ {targets.map(({ name, url }, index) => {
+ return url ? (
+
+ {({ isActive }) => (
+
+ )}
+
+ ) : (
+
+
+
+
+ );
+};
+
+export default Loader;
diff --git a/src/components/LoginPortalToggle/LoginPortalToggle.module.css b/src/components/LoginPortalToggle/LoginPortalToggle.module.css
new file mode 100644
index 0000000000..5983e20905
--- /dev/null
+++ b/src/components/LoginPortalToggle/LoginPortalToggle.module.css
@@ -0,0 +1,34 @@
+.navLinkClass {
+ display: inline-block;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ line-height: 1.4;
+ text-align: center;
+ vertical-align: middle;
+ cursor: pointer;
+ color: var(--bs-gray-900);
+ border-radius: 0.3rem;
+ width: 100%;
+ box-sizing: border-box;
+ border: 1px solid var(--bs-gray-700);
+ font-weight: 500;
+ transition: all 0.25s ease;
+}
+
+.navLinkClass:hover {
+ color: var(--bs-white);
+ background-color: var(--bs-gray);
+ border-color: var(--bs-gray);
+}
+
+.activeLink {
+ color: var(--bs-white);
+ border: 1px solid var(--bs-primary);
+ background-color: var(--bs-primary);
+}
+
+.activeLink:hover {
+ color: var(--bs-white);
+ background-color: var(--bs-primary);
+ border: 1px solid var(--bs-primary);
+}
diff --git a/src/components/LoginPortalToggle/LoginPortalToggle.test.tsx b/src/components/LoginPortalToggle/LoginPortalToggle.test.tsx
new file mode 100644
index 0000000000..327e6cccea
--- /dev/null
+++ b/src/components/LoginPortalToggle/LoginPortalToggle.test.tsx
@@ -0,0 +1,33 @@
+import React, { act } from 'react';
+import { render } from '@testing-library/react';
+import { Provider } from 'react-redux';
+import { BrowserRouter } from 'react-router-dom';
+import { I18nextProvider } from 'react-i18next';
+import LoginPortalToggle from './LoginPortalToggle';
+import { store } from 'state/store';
+import i18nForTest from 'utils/i18nForTest';
+
+async function wait(ms = 100): Promise
+
+ );
+ if (error)
+ return (
+ Loading event details...
+
+
+ );
+
+ const { organization, _id, startDate, title, location } = events.event;
+
+ return (
+ Unable to load event details. Please try again later.
+
+ {startdate && dayjs(startdate).isValid() ? (
+ <>
+
+
+
+ {dayjs(startdate).format('MMM').toUpperCase()}
+
+
+ {dayjs(startdate).format('D')}
+
+
+ ) : (
+ /*istanbul ignore next*/
+ Date N/A
+ )}
+ {title}
+
+
{t('noeventsAttended')}
+ ) : ( + <> ++ Showing {(page - 1) * eventsPerPage + 1} -{' '} + {Math.min(page * eventsPerPage, eventsAttended.length)} of{' '} + {eventsAttended.length} Events +
+
+
+
+ )}
+
+ {
+ if (type === 'page') return `Go to page ${page}`;
+ return `Go to ${type} page`;
+ }}
+ />
+
+
+
+ {props.memberImage ? (
+ 
+ ) : (
+ 
+ )}
+
+
+
+
+ + {props.memberName ? <>{props.memberName} : <>Dogs Care} +
+{props.memberLocation}
+{props.email}
+
+
+
+ + {tCommon('joined')}: {props.joinDate} +
+ + ++ + ); +} +export default MemberRequestCard; diff --git a/src/components/NotFound/NotFound.module.css b/src/components/NotFound/NotFound.module.css new file mode 100644 index 0000000000..a209bc9f48 --- /dev/null +++ b/src/components/NotFound/NotFound.module.css @@ -0,0 +1,22 @@ +.section { + flex: 1; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +.error { + font-size: 1.2rem; + font-weight: 500; +} + +@media (min-width: 440px) and (max-width: 570px) { + .section { + margin-left: 50px; + } + .error { + font-size: 1.1rem; + font-style: oblique; + } +} diff --git a/src/components/NotFound/NotFound.test.tsx b/src/components/NotFound/NotFound.test.tsx new file mode 100644 index 0000000000..54c0bcfe4a --- /dev/null +++ b/src/components/NotFound/NotFound.test.tsx @@ -0,0 +1,26 @@ +import React from 'react'; +import { I18nextProvider } from 'react-i18next'; +import i18nForTest from 'utils/i18nForTest'; + +import { render, screen } from '@testing-library/react'; +import NotFound from './NotFound'; + +describe('Tesing the NotFound Component', () => { + it('renders the component with the correct title for posts', () => { + render( +
{t(`${props.title} not found!`)}
+{t('removeAdmin')}
+ +{props.userName}
+{props.userEmail}
++ {t('date')}:{props.contriDate} +
++ {t('transactionId')}: {props.contriTransactionId} +
++ {t('amount')}: $ {props.contriAmount} +
+ +
+ {t('deleteOrg')}
+
+
+ );
+}
+export default orgDelete;
diff --git a/src/components/OrgListCard/OrgListCard.module.css b/src/components/OrgListCard/OrgListCard.module.css
new file mode 100644
index 0000000000..430ea318d6
--- /dev/null
+++ b/src/components/OrgListCard/OrgListCard.module.css
@@ -0,0 +1,141 @@
+.orgCard {
+ background-color: var(--bs-white);
+ margin: 0.5rem;
+ height: calc(120px + 2rem);
+ padding: 1rem;
+ border-radius: 8px;
+ outline: 1px solid var(--bs-gray-200);
+ position: relative;
+}
+
+.orgCard .innerContainer {
+ display: flex;
+}
+
+.orgCard .innerContainer .orgImgContainer {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ overflow: hidden;
+ border-radius: 4px;
+}
+
+.orgCard .innerContainer .orgImgContainer {
+ width: 125px;
+ height: 120px;
+ object-fit: contain;
+}
+
+.orgCard .innerContainer .orgImgContainer {
+ width: 125px;
+ height: 120px;
+ background-color: var(--bs-gray-200);
+}
+
+.orgCard .innerContainer .content {
+ flex: 1;
+ margin-left: 1rem;
+ width: 70%;
+ margin-top: 0.7rem;
+}
+
+.orgCard button {
+ position: absolute;
+ bottom: 1rem;
+ right: 1rem;
+ z-index: 1;
+}
+
+.flaskIcon {
+ margin-top: 4px;
+}
+
+.manageBtn {
+ display: flex;
+ justify-content: space-around;
+ width: 8rem;
+}
+
+.orgName {
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ font-size: 1rem;
+}
+
+.orgdesc {
+ font-size: 0.9rem;
+ color: var(--bs-gray-600);
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-line-clamp: 1;
+ line-clamp: 1;
+ -webkit-box-orient: vertical;
+ max-width: 20rem;
+}
+
+.orgadmin {
+ font-size: 0.9rem;
+}
+
+.orgmember {
+ font-size: 0.9rem;
+}
+
+.address {
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-line-clamp: 1;
+ line-clamp: 1;
+ -webkit-box-orient: vertical;
+ align-items: center;
+}
+
+.address h6 {
+ font-size: 0.9rem;
+ color: var(--bs-gray-600);
+}
+
+@media (max-width: 580px) {
+ .orgCard {
+ height: unset;
+ margin: 0.5rem 0;
+ padding: 1.25rem 1.5rem;
+ }
+
+ .orgCard .innerContainer {
+ flex-direction: column;
+ }
+
+ .orgCard .innerContainer .orgImgContainer {
+ margin-bottom: 0.8rem;
+ }
+
+ .orgCard .innerContainer .orgImgContainer img {
+ height: auto;
+ width: 100%;
+ }
+
+ .orgCard .innerContainer .content {
+ margin-left: 0;
+ }
+
+ .orgCard button {
+ bottom: 0;
+ right: 0;
+ position: relative;
+ margin-left: auto;
+ display: block;
+ }
+
+ .flaskIcon {
+ margin-bottom: 6px;
+ }
+
+ .manageBtn {
+ display: flex;
+ justify-content: space-around;
+ width: 100%;
+ }
+}
diff --git a/src/components/OrgListCard/OrgListCard.test.tsx b/src/components/OrgListCard/OrgListCard.test.tsx
new file mode 100644
index 0000000000..4072265ea4
--- /dev/null
+++ b/src/components/OrgListCard/OrgListCard.test.tsx
@@ -0,0 +1,149 @@
+import React, { act } from 'react';
+import { render, screen } from '@testing-library/react';
+import 'jest-location-mock';
+import { I18nextProvider } from 'react-i18next';
+
+import i18nForTest from 'utils/i18nForTest';
+import type { InterfaceOrgListCardProps } from './OrgListCard';
+import OrgListCard from './OrgListCard';
+import userEvent from '@testing-library/user-event';
+import { BrowserRouter } from 'react-router-dom';
+import { IS_SAMPLE_ORGANIZATION_QUERY } from 'GraphQl/Queries/Queries';
+import { StaticMockLink } from 'utils/StaticMockLink';
+import { MockedProvider } from '@apollo/react-testing';
+import useLocalStorage from 'utils/useLocalstorage';
+
+const { setItem, removeItem } = useLocalStorage();
+
+const MOCKS = [
+ {
+ request: {
+ query: IS_SAMPLE_ORGANIZATION_QUERY,
+ variables: {
+ isSampleOrganizationId: 'xyz',
+ },
+ },
+ result: {
+ data: {
+ isSampleOrganization: true,
+ },
+ },
+ },
+];
+
+const link = new StaticMockLink(MOCKS, true);
+
+async function wait(ms = 100): Promise
+
+
+ );
+}
+export default orgListCard;
diff --git a/src/components/OrgPeopleListCard/OrgPeopleListCard.test.tsx b/src/components/OrgPeopleListCard/OrgPeopleListCard.test.tsx
new file mode 100644
index 0000000000..7cee31107f
--- /dev/null
+++ b/src/components/OrgPeopleListCard/OrgPeopleListCard.test.tsx
@@ -0,0 +1,81 @@
+import React, { act } from 'react';
+import { render, screen } from '@testing-library/react';
+import { MockedProvider } from '@apollo/react-testing';
+import userEvent from '@testing-library/user-event';
+import { I18nextProvider } from 'react-i18next';
+
+import OrgPeopleListCard from './OrgPeopleListCard';
+import { REMOVE_MEMBER_MUTATION } from 'GraphQl/Mutations/mutations';
+import i18nForTest from 'utils/i18nForTest';
+import { BrowserRouter } from 'react-router-dom';
+import { StaticMockLink } from 'utils/StaticMockLink';
+
+const MOCKS = [
+ {
+ request: {
+ query: REMOVE_MEMBER_MUTATION,
+ variable: { userid: '123', orgid: '456' },
+ },
+ result: {
+ data: {
+ organizations: [
+ {
+ _id: '1',
+ },
+ ],
+ },
+ },
+ },
+];
+const link = new StaticMockLink(MOCKS, true);
+async function wait(ms = 100): Promise
+ {/* Container for the organization image */}
+
+ {/* Button to manage the organization */}
+
+
+ {image ? (
+ 
+ ) : (
+
+
+ {/* Tooltip for the organization name */}
+
+
+ {/* Description of the organization */}
+
+ {name}
++ {userData?.organizations[0].description} +
+ {/* Display the organization address if available */} + {address && address.city && ( +
+
+ )}
+ {/* Display the number of admins and members */}
+ + {address.line1}, + {address.city}, + {address.countryCode} +
++ {tCommon('admins')}: {admins.length} + {tCommon('members')}: {members.length} +
+
+ {/* Modal to confirm member removal */}
+
+
+
+ {t('removeMemberMsg')}
+
+ {/* Button to cancel the removal action */}
+
+ {/* Button to confirm the removal action */}
+
+
+
+
+ );
+}
+export {};
+export default orgPeopleListCard;
diff --git a/src/components/OrgPostCard/OrgPostCard.module.css b/src/components/OrgPostCard/OrgPostCard.module.css
new file mode 100644
index 0000000000..c7ff8073d2
--- /dev/null
+++ b/src/components/OrgPostCard/OrgPostCard.module.css
@@ -0,0 +1,278 @@
+.cards h2 {
+ font-size: 20px;
+}
+.cards > h3 {
+ font-size: 17px;
+}
+.card {
+ width: 100%;
+ height: 20rem;
+ margin-bottom: 2rem;
+}
+.postimage {
+ border-radius: 0px;
+ width: 100%;
+ height: 12rem;
+ max-width: 100%;
+ max-height: 12rem;
+ object-fit: cover;
+ position: relative;
+ color: black;
+}
+.preview {
+ display: flex;
+ position: relative;
+ width: 100%;
+ margin-top: 10px;
+ justify-content: center;
+}
+.preview img {
+ width: 400px;
+ height: auto;
+}
+.preview video {
+ width: 400px;
+ height: auto;
+}
+.nopostimage {
+ border-radius: 0px;
+ width: 100%;
+ height: 12rem;
+ max-height: 12rem;
+ object-fit: cover;
+ position: relative;
+}
+.cards:hover {
+ filter: brightness(0.8);
+}
+.cards:hover::before {
+ opacity: 0.5;
+}
+.knowMoreText {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ opacity: 0;
+ color: white;
+ padding: 10px;
+ font-weight: bold;
+ font-size: 1.5rem;
+ transition: opacity 0.3s ease-in-out;
+}
+
+.cards:hover .knowMoreText {
+ opacity: 1;
+}
+.modal {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background-color: rgba(
+ 0,
+ 0,
+ 0,
+ 0.9
+ ); /* Dark grey modal background with transparency */
+ z-index: 9999;
+}
+
+.modalContent {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background-color: #fff;
+ padding: 20px;
+ max-width: 800px;
+ max-height: 600px;
+ overflow: auto;
+}
+
+.modalImage {
+ flex: 1;
+ margin-right: 20px;
+ width: 25rem;
+ height: 15rem;
+}
+.nomodalImage {
+ flex: 1;
+ margin-right: 20px;
+ width: 100%;
+ height: 15rem;
+}
+
+.modalImage img,
+.modalImage video {
+ border-radius: 0px;
+ width: 100%;
+ height: 25rem;
+ max-width: 25rem;
+ max-height: 15rem;
+ object-fit: cover;
+ position: relative;
+}
+.modalInfo {
+ flex: 1;
+}
+.title {
+ font-size: 16px;
+ color: #000;
+ font-weight: 600;
+}
+.text {
+ font-size: 13px;
+ color: #000;
+ font-weight: 300;
+}
+.author {
+ color: #737373;
+ font-weight: 100;
+ font-size: 13px;
+}
+.closeButton {
+ position: relative;
+ bottom: 5rem;
+ right: 10px;
+ padding: 4px;
+ background-color: red; /* Red close button color */
+ color: #fff;
+ border: none;
+ cursor: pointer;
+}
+.closeButtonP {
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ background: transparent;
+ transform: scale(1.2);
+ cursor: pointer;
+ border: none;
+ color: #707070;
+ font-weight: 600;
+ font-size: 16px;
+ cursor: pointer;
+}
+.cards:hover::after {
+ opacity: 1;
+ mix-blend-mode: normal;
+}
+.cards > p {
+ font-size: 14px;
+ margin-top: 0px;
+ margin-bottom: 7px;
+}
+.cards a {
+ color: #737373;
+ font-weight: 600;
+}
+.cards a:hover {
+ color: black;
+}
+.infodiv {
+ margin-bottom: 7px;
+ width: 15rem;
+ text-align: justify;
+ word-wrap: break-word;
+}
+.infodiv > p {
+ margin: 0;
+}
+.dispflex {
+ display: flex;
+ justify-content: space-between;
+}
+.iconContainer {
+ display: flex;
+}
+.icon {
+ transform: scale(0.75);
+ cursor: pointer;
+}
+/* .cards {
+ width: 75%;
+ background: #fcfcfc;
+ margin: 10px 40px;
+ padding: 20px 30px;
+ border-radius: 5px;
+ border: 1px solid #e8e8e8;
+ box-shadow: 0 3px 5px #c9c9c9;
+ margin-right: 30px;
+ color: #737373;
+ box-sizing: border-box;
+} */
+.cards:last-child:nth-last-child(odd) {
+ grid-column: auto / span 2;
+}
+.cards:first-child:nth-last-child(even),
+.cards:first-child:nth-last-child(even) ~ .box {
+ grid-column: auto / span 1;
+}
+.toggleClickBtn {
+ color: #31bb6b;
+ cursor: pointer;
+ border: none;
+ font-size: 12px;
+ background-color: white;
+}
+.toggleClickBtnNone {
+ display: none;
+}
+/* Menu Modal Styles */
+.menuModal {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background-color: rgba(0, 0, 0, 0.7); /* Dark grey modal background */
+ z-index: 9999;
+}
+
+.menuContent {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background-color: #fff;
+ padding-top: 20px;
+ max-width: 700px;
+ max-height: 500px;
+ overflow: hidden;
+ position: relative;
+}
+
+.menuOptions {
+ list-style-type: none;
+ padding: 0;
+ margin: 0;
+}
+
+.menuOptions li {
+ padding: 10px;
+ border-bottom: 1px solid #ccc;
+ padding-left: 100px;
+ padding-right: 100px;
+ cursor: pointer;
+}
+
+.moreOptionsButton {
+ position: relative;
+ bottom: 5rem;
+ right: 10px;
+ padding: 2px;
+ background-color: transparent;
+ color: #000;
+ border: none;
+ cursor: pointer;
+}
+.list {
+ color: red;
+ cursor: pointer;
+}
diff --git a/src/components/OrgPostCard/OrgPostCard.test.tsx b/src/components/OrgPostCard/OrgPostCard.test.tsx
new file mode 100644
index 0000000000..7105e5e8f2
--- /dev/null
+++ b/src/components/OrgPostCard/OrgPostCard.test.tsx
@@ -0,0 +1,788 @@
+import React from 'react';
+import {
+ act,
+ render,
+ screen,
+ fireEvent,
+ waitFor,
+} from '@testing-library/react';
+import { MockedProvider } from '@apollo/react-testing';
+import OrgPostCard from './OrgPostCard';
+import { I18nextProvider } from 'react-i18next';
+import userEvent from '@testing-library/user-event';
+import 'jest-localstorage-mock';
+import {
+ DELETE_POST_MUTATION,
+ UPDATE_POST_MUTATION,
+ TOGGLE_PINNED_POST,
+} from 'GraphQl/Mutations/mutations';
+import i18nForTest from 'utils/i18nForTest';
+import { StaticMockLink } from 'utils/StaticMockLink';
+import convertToBase64 from 'utils/convertToBase64';
+import { BrowserRouter } from 'react-router-dom';
+import useLocalStorage from 'utils/useLocalstorage';
+
+const { setItem } = useLocalStorage();
+
+const MOCKS = [
+ {
+ request: {
+ query: DELETE_POST_MUTATION,
+ variables: { id: '12' },
+ },
+ result: {
+ data: {
+ removePost: {
+ _id: '12',
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: UPDATE_POST_MUTATION,
+ variables: {
+ id: '12',
+ title: 'updated title',
+ text: 'This is a updated text',
+ },
+ },
+ result: {
+ data: {
+ updatePost: {
+ _id: '12',
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: TOGGLE_PINNED_POST,
+ variables: {
+ id: '12',
+ },
+ },
+ result: {
+ data: {
+ togglePostPin: {
+ _id: '12',
+ },
+ },
+ },
+ },
+];
+jest.mock('react-toastify', () => ({
+ toast: {
+ success: jest.fn(),
+ warn: jest.fn(),
+ error: jest.fn(),
+ },
+}));
+jest.mock('i18next-browser-languagedetector', () => ({
+ init: jest.fn(),
+ type: 'languageDetector',
+ detect: jest.fn(() => 'en'),
+ cacheUserLanguage: jest.fn(),
+}));
+const link = new StaticMockLink(MOCKS, true);
+async function wait(ms = 100): Promise{t('removeMember')}
+ {/* Button to close the modal */} + +
+
+
+ {props.postVideo && (
+
+
+
+ {props.pinned && (
+
+ {props.postTitle}
+
+
+ {props.postInfo}
+
+
+ {props.postAuthor}
+
+
+
+ )}
+ {props.postPhoto ? (
+
+
+ {props.pinned && (
+
+ {props.postTitle}
+
+ {props.postInfo}
+ {props.postAuthor}
+
+
+ ) : !props.postVideo ? (
+
+
+
+ {props.pinned && (
+
+ {props.postTitle}
+
+
+ {props.postInfo && props.postInfo.length > 20
+ ? props.postInfo.substring(0, 20) + '...'
+ : props.postInfo}
+ {' '}
+
+ {props.postAuthor}
+
+
+
+
+ ) : (
+ ''
+ )}
+
+ {modalVisible && (
+
+
+ )}
+ {menuVisible && (
+
+ {props.postPhoto && (
+
+
+ 
+
+ )}
+ {props.postVideo && (
+
+
+
+ )}
+ {!props.postPhoto && !props.postVideo && (
+
+ {' '}
+ 
+
+ )}
+
+
+
+
+ + {t('author')}: {props.postAuthor} +
+
+ {togglePost === 'Read more' ? (
+
+ + {props.postInfo.length > 43 + ? props.postInfo.substring(0, 40) + '...' + : props.postInfo} +
+ ) : ( +{props.postInfo}
+ )} + +
+
+ )}
+
+
+ -
+
- + {tCommon('edit')} + +
- + {t('deletePost')} + +
- => + togglePostPin(props.id, props.pinned) + } + > + {!props.pinned ? 'Pin post' : 'Unpin post'} + +
- setMenuVisible(false)} + data-testid="closebtn" + > + {tCommon('close')} + +
{t('deletePost')}
+ +{t('categoryDetails')}
+ +
+
+ {tErrors('errorLoading', { entity: 'Action Item Categories' })}
+
+
+ );
+ }
+
+ const columns: GridColDef[] = [
+ {
+ field: 'id',
+ headerName: 'Sr. No.',
+ flex: 1,
+ minWidth: 100,
+ align: 'center',
+ headerAlign: 'center',
+ headerClassName: `${styles.tableHeader}`,
+ sortable: false,
+ renderCell: (params: GridCellParams) => {
+ return
+ {tErrors('errorLoading', { entity: 'Action Item Categories' })}
+
+ {`${catError.message}`}
+
+ {params.row.id}
;
+ },
+ },
+ {
+ field: 'categoryName',
+ headerName: 'Category',
+ flex: 2,
+ align: 'center',
+ minWidth: 100,
+ headerAlign: 'center',
+ sortable: false,
+ headerClassName: `${styles.tableHeader}`,
+ renderCell: (params: GridCellParams) => {
+ return (
+
+ {params.row.name}
+
+ );
+ },
+ },
+ {
+ field: 'status',
+ headerName: 'Status',
+ flex: 1,
+ align: 'center',
+ minWidth: 100,
+ headerAlign: 'center',
+ sortable: false,
+ headerClassName: `${styles.tableHeader}`,
+ renderCell: (params: GridCellParams) => {
+ return (
+
+ {dayjs(params.row.createdAt).format('DD/MM/YYYY')}
+
+ );
+ },
+ },
+ {
+ field: 'action',
+ headerName: 'Action',
+ flex: 2,
+ align: 'center',
+ minWidth: 100,
+ headerAlign: 'center',
+ sortable: false,
+ headerClassName: `${styles.tableHeader}`,
+ renderCell: (params: GridCellParams) => {
+ return (
+
+ );
+ },
+ },
+ ];
+
+ return (
+
+ {/* Header with search, filter and Create Button */}
+ row._id}
+ slots={{
+ noRowsOverlay: () => (
+
+ {t('noActionItemCategories')}
+
+ ),
+ }}
+ sx={dataGridStyle}
+ getRowClassName={() => `${styles.rowBackground}`}
+ autoHeight
+ rowHeight={65}
+ rows={categories.map((category, index) => ({
+ id: index + 1,
+ ...category,
+ }))}
+ columns={columns}
+ isRowSelectable={() => false}
+ />
+
+ closeModal(ModalState.SAME)}
+ refetchCategories={refetchCategories}
+ category={category}
+ orgId={orgId}
+ mode={modalMode}
+ />
+
+ );
+};
+
+export default OrgActionItemCategories;
diff --git a/src/components/OrgSettings/ActionItemCategories/OrgActionItemCategoryMocks.ts b/src/components/OrgSettings/ActionItemCategories/OrgActionItemCategoryMocks.ts
new file mode 100644
index 0000000000..10310a01e4
--- /dev/null
+++ b/src/components/OrgSettings/ActionItemCategories/OrgActionItemCategoryMocks.ts
@@ -0,0 +1,288 @@
+import {
+ CREATE_ACTION_ITEM_CATEGORY_MUTATION,
+ UPDATE_ACTION_ITEM_CATEGORY_MUTATION,
+} from 'GraphQl/Mutations/mutations';
+
+import { ACTION_ITEM_CATEGORY_LIST } from 'GraphQl/Queries/Queries';
+
+export const MOCKS = [
+ {
+ request: {
+ query: ACTION_ITEM_CATEGORY_LIST,
+ variables: {
+ organizationId: 'orgId',
+ where: { name_contains: '' },
+ orderBy: 'createdAt_DESC',
+ },
+ },
+ result: {
+ data: {
+ actionItemCategoriesByOrganization: [
+ {
+ _id: 'categoryId1',
+ name: 'Category 1',
+ isDisabled: false,
+ createdAt: '2024-08-26',
+ creator: {
+ _id: 'creatorId1',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ },
+ },
+ {
+ _id: 'categoryId2',
+ name: 'Category 2',
+ isDisabled: true,
+ createdAt: '2024-08-25',
+ creator: {
+ _id: 'creatorId2',
+ firstName: 'John',
+ lastName: 'Doe',
+ },
+ },
+ ],
+ },
+ },
+ },
+ {
+ request: {
+ query: ACTION_ITEM_CATEGORY_LIST,
+ variables: {
+ organizationId: 'orgId',
+ where: { name_contains: '' },
+ orderBy: 'createdAt_ASC',
+ },
+ },
+ result: {
+ data: {
+ actionItemCategoriesByOrganization: [
+ {
+ _id: 'categoryId2',
+ name: 'Category 2',
+ isDisabled: true,
+ createdAt: '2024-08-25',
+ creator: {
+ _id: 'creatorId2',
+ firstName: 'John',
+ lastName: 'Doe',
+ },
+ },
+ {
+ _id: 'categoryId1',
+ name: 'Category 1',
+ isDisabled: false,
+ createdAt: '2024-08-26',
+ creator: {
+ _id: 'creatorId1',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ },
+ },
+ ],
+ },
+ },
+ },
+ {
+ request: {
+ query: ACTION_ITEM_CATEGORY_LIST,
+ variables: {
+ organizationId: 'orgId',
+ where: { name_contains: '', is_disabled: false },
+ orderBy: 'createdAt_DESC',
+ },
+ },
+ result: {
+ data: {
+ actionItemCategoriesByOrganization: [
+ {
+ _id: 'categoryId1',
+ name: 'Category 1',
+ isDisabled: false,
+ createdAt: '2024-08-26',
+ creator: {
+ _id: 'creatorId1',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ },
+ },
+ ],
+ },
+ },
+ },
+ {
+ request: {
+ query: ACTION_ITEM_CATEGORY_LIST,
+ variables: {
+ organizationId: 'orgId',
+ where: { name_contains: '', is_disabled: true },
+ orderBy: 'createdAt_DESC',
+ },
+ },
+ result: {
+ data: {
+ actionItemCategoriesByOrganization: [
+ {
+ _id: 'categoryId2',
+ name: 'Category 2',
+ isDisabled: true,
+ createdAt: '2024-08-25',
+ creator: {
+ _id: 'creatorId2',
+ firstName: 'John',
+ lastName: 'Doe',
+ },
+ },
+ ],
+ },
+ },
+ },
+ {
+ request: {
+ query: ACTION_ITEM_CATEGORY_LIST,
+ variables: {
+ organizationId: 'orgId',
+ where: { name_contains: 'Category 1' },
+ orderBy: 'createdAt_DESC',
+ },
+ },
+ result: {
+ data: {
+ actionItemCategoriesByOrganization: [
+ {
+ _id: 'categoryId1',
+ name: 'Category 1',
+ isDisabled: false,
+ createdAt: '2024-08-26',
+ creator: {
+ _id: 'creatorId1',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ },
+ },
+ ],
+ },
+ },
+ },
+ {
+ request: {
+ query: CREATE_ACTION_ITEM_CATEGORY_MUTATION,
+ variables: {
+ name: 'Category 2',
+ isDisabled: true,
+ organizationId: 'orgId',
+ },
+ },
+ result: {
+ data: {
+ createActionItemCategory: {
+ _id: 'categoryId3',
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: UPDATE_ACTION_ITEM_CATEGORY_MUTATION,
+ variables: {
+ name: 'Category 2',
+ isDisabled: true,
+ actionItemCategoryId: 'categoryId',
+ },
+ },
+ result: {
+ data: {
+ updateActionItemCategory: {
+ _id: 'categoryId',
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: UPDATE_ACTION_ITEM_CATEGORY_MUTATION,
+ variables: {
+ name: 'Category 2',
+ isDisabled: false,
+ actionItemCategoryId: 'categoryId',
+ },
+ },
+ result: {
+ data: {
+ updateActionItemCategory: {
+ _id: 'categoryId',
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: UPDATE_ACTION_ITEM_CATEGORY_MUTATION,
+ variables: {
+ name: 'Category 1',
+ isDisabled: true,
+ actionItemCategoryId: 'categoryId',
+ },
+ },
+ result: {
+ data: {
+ updateActionItemCategory: {
+ _id: 'categoryId',
+ },
+ },
+ },
+ },
+];
+
+export const MOCKS_EMPTY = [
+ {
+ request: {
+ query: ACTION_ITEM_CATEGORY_LIST,
+ variables: {
+ organizationId: 'orgId',
+ where: { name_contains: '' },
+ orderBy: 'createdAt_DESC',
+ },
+ },
+ result: {
+ data: {
+ actionItemCategoriesByOrganization: [],
+ },
+ },
+ },
+];
+
+export const MOCKS_ERROR = [
+ {
+ request: {
+ query: ACTION_ITEM_CATEGORY_LIST,
+ variables: {
+ organizationId: 'orgId',
+ where: { name_contains: '' },
+ orderBy: 'createdAt_DESC',
+ },
+ },
+ error: new Error('Mock Graphql Error'),
+ },
+ {
+ request: {
+ query: CREATE_ACTION_ITEM_CATEGORY_MUTATION,
+ variables: {
+ name: 'Category 2',
+ isDisabled: true,
+ organizationId: 'orgId',
+ },
+ },
+ error: new Error('Mock Graphql Error'),
+ },
+ {
+ request: {
+ query: UPDATE_ACTION_ITEM_CATEGORY_MUTATION,
+ variables: {
+ name: 'Category 2',
+ isDisabled: true,
+ actionItemCategoryId: 'categoryId',
+ },
+ },
+ error: new Error('Mock Graphql Error'),
+ },
+];
diff --git a/src/components/OrgSettings/AgendaItemCategories/AgendaCategoryCreateModal.test.tsx b/src/components/OrgSettings/AgendaItemCategories/AgendaCategoryCreateModal.test.tsx
new file mode 100644
index 0000000000..da92dfd201
--- /dev/null
+++ b/src/components/OrgSettings/AgendaItemCategories/AgendaCategoryCreateModal.test.tsx
@@ -0,0 +1,125 @@
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { MockedProvider } from '@apollo/react-testing';
+import { I18nextProvider } from 'react-i18next';
+import { Provider } from 'react-redux';
+import { BrowserRouter } from 'react-router-dom';
+import { store } from 'state/store';
+import i18nForTest from 'utils/i18nForTest';
+
+import { LocalizationProvider } from '@mui/x-date-pickers';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+
+import AgendaCategoryCreateModal from './AgendaCategoryCreateModal';
+
+const mockFormState = {
+ name: 'Test Name',
+ description: 'Test Description',
+ createdBy: 'Test User',
+};
+const mockHideCreateModal = jest.fn();
+const mockSetFormState = jest.fn();
+const mockCreateAgendaCategoryHandler = jest.fn();
+const mockT = (key: string): string => key;
+
+describe('AgendaCategoryCreateModal', () => {
+ test('renders modal correctly', () => {
+ render(
+
+
+
+ {/* Table with Action Item Categories */}
+
+ setSearchValue(e.target.value)}
+ onKeyUp={(e) => {
+ if (e.key === 'Enter') {
+ setSearchTerm(searchValue);
+ } else if (e.key === 'Backspace' && searchValue === '') {
+ setSearchTerm('');
+ }
+ }}
+ data-testid="searchByName"
+ />
+
+
+
+
+
+
+
+
+
+ setSortBy('createdAt_DESC')}
+ data-testid="createdAt_DESC"
+ >
+ {tCommon('createdLatest')}
+
+ setSortBy('createdAt_ASC')}
+ data-testid="createdAt_ASC"
+ >
+ {tCommon('createdEarliest')}
+
+
+
+
+
+
+
+ setStatus(null)}
+ data-testid="statusAll"
+ >
+ {tCommon('all')}
+
+ setStatus(CategoryStatus.Active)}
+ data-testid="statusActive"
+ >
+ {tCommon('active')}
+
+ setStatus(CategoryStatus.Disabled)}
+ data-testid="statusDisabled"
+ >
+ {tCommon('disabled')}
+
+
+
+
+
+
+
+ {t('agendaCategoryDetails')}
+ +{t('deleteAgendaCategoryMsg')}
+{t('agendaCategoryDetails')}
+ +{t('updateAgendaCategory')}
+ +
+
+ );
+ }
+
+ return (
+
+
+ Error occured while loading{' '}
+ {agendaCategoryError && 'Agenda Categories'}
+ Data
+
+
+
+ Error occured while loading{' '}
+ {agendaCategoryError && 'Agenda Categories'}
+ Data
+
+ {agendaCategoryError && (agendaCategoryError as Error).message}
+
+
+
+ );
+};
+
+export default organizationAgendaCategory;
diff --git a/src/components/OrgSettings/AgendaItemCategories/OrganizationAgendaCategoryErrorMocks.ts b/src/components/OrgSettings/AgendaItemCategories/OrganizationAgendaCategoryErrorMocks.ts
new file mode 100644
index 0000000000..10809c3da8
--- /dev/null
+++ b/src/components/OrgSettings/AgendaItemCategories/OrganizationAgendaCategoryErrorMocks.ts
@@ -0,0 +1,51 @@
+import { CREATE_AGENDA_ITEM_CATEGORY_MUTATION } from 'GraphQl/Mutations/AgendaCategoryMutations';
+
+import { AGENDA_ITEM_CATEGORY_LIST } from 'GraphQl/Queries/AgendaCategoryQueries';
+
+export const MOCKS_ERROR_AGENDA_ITEM_CATEGORY_LIST_QUERY = [
+ {
+ request: {
+ query: AGENDA_ITEM_CATEGORY_LIST,
+ variables: { organizationId: '123' },
+ },
+ error: new Error('Mock Graphql Error'),
+ },
+];
+
+export const MOCKS_ERROR_MUTATION = [
+ {
+ request: {
+ query: AGENDA_ITEM_CATEGORY_LIST,
+ variables: { organizationId: '123' },
+ },
+ result: {
+ data: {
+ agendaItemCategoriesByOrganization: [
+ {
+ _id: 'agendaItemCategory1',
+ name: 'Category',
+ description: 'Test Description',
+ createdBy: {
+ _id: 'user1',
+ firstName: 'Harve',
+ lastName: 'Lance',
+ },
+ },
+ ],
+ },
+ },
+ },
+ {
+ request: {
+ query: CREATE_AGENDA_ITEM_CATEGORY_MUTATION,
+ variables: {
+ input: {
+ organizationId: '123',
+ name: 'Category',
+ description: 'Test Description',
+ },
+ },
+ },
+ error: new Error('Mock Graphql Error'),
+ },
+];
diff --git a/src/components/OrgSettings/AgendaItemCategories/OrganizationAgendaCategoryMocks.ts b/src/components/OrgSettings/AgendaItemCategories/OrganizationAgendaCategoryMocks.ts
new file mode 100644
index 0000000000..434b0dcad2
--- /dev/null
+++ b/src/components/OrgSettings/AgendaItemCategories/OrganizationAgendaCategoryMocks.ts
@@ -0,0 +1,47 @@
+import { CREATE_AGENDA_ITEM_CATEGORY_MUTATION } from 'GraphQl/Mutations/AgendaCategoryMutations';
+
+import { AGENDA_ITEM_CATEGORY_LIST } from 'GraphQl/Queries/AgendaCategoryQueries';
+
+export const MOCKS = [
+ {
+ request: {
+ query: AGENDA_ITEM_CATEGORY_LIST,
+ variables: { organizationId: '123' },
+ },
+ result: {
+ data: {
+ agendaItemCategoriesByOrganization: [
+ {
+ _id: 'agendaItemCategory1',
+ name: 'Category',
+ description: 'Test Description',
+ createdBy: {
+ _id: 'user1',
+ firstName: 'Harve',
+ lastName: 'Lance',
+ },
+ },
+ ],
+ },
+ },
+ },
+ {
+ request: {
+ query: CREATE_AGENDA_ITEM_CATEGORY_MUTATION,
+ variables: {
+ input: {
+ organizationId: '123',
+ name: 'Category',
+ description: 'Test Description',
+ },
+ },
+ },
+ result: {
+ data: {
+ createAgendaCategory: {
+ _id: 'agendaItemCategory1',
+ },
+ },
+ },
+ },
+];
diff --git a/src/components/OrgSettings/General/DeleteOrg/DeleteOrg.module.css b/src/components/OrgSettings/General/DeleteOrg/DeleteOrg.module.css
new file mode 100644
index 0000000000..2b15a2ac0c
--- /dev/null
+++ b/src/components/OrgSettings/General/DeleteOrg/DeleteOrg.module.css
@@ -0,0 +1,25 @@
+.settingsBody {
+ margin: 2.5rem 0;
+}
+
+.cardHeader {
+ padding: 1.25rem 1rem 1rem 1rem;
+ border-bottom: 1px solid var(--bs-gray-200);
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.cardHeader .cardTitle {
+ font-size: 1.2rem;
+ font-weight: 600;
+}
+
+.cardBody {
+ min-height: 180px;
+}
+
+.cardBody .textBox {
+ margin: 0 0 3rem 0;
+ color: var(--bs-secondary);
+}
diff --git a/src/components/OrgSettings/General/DeleteOrg/DeleteOrg.test.tsx b/src/components/OrgSettings/General/DeleteOrg/DeleteOrg.test.tsx
new file mode 100644
index 0000000000..77ffe65c08
--- /dev/null
+++ b/src/components/OrgSettings/General/DeleteOrg/DeleteOrg.test.tsx
@@ -0,0 +1,307 @@
+import React, { act } from 'react';
+import { MockedProvider } from '@apollo/react-testing';
+import { render, screen, waitFor } from '@testing-library/react';
+import 'jest-location-mock';
+import { I18nextProvider } from 'react-i18next';
+import { Provider } from 'react-redux';
+import { BrowserRouter } from 'react-router-dom';
+
+import {
+ DELETE_ORGANIZATION_MUTATION,
+ REMOVE_SAMPLE_ORGANIZATION_MUTATION,
+} from 'GraphQl/Mutations/mutations';
+import { store } from 'state/store';
+import { StaticMockLink } from 'utils/StaticMockLink';
+import i18nForTest from 'utils/i18nForTest';
+import DeleteOrg from './DeleteOrg';
+import { ToastContainer, toast } from 'react-toastify';
+import { IS_SAMPLE_ORGANIZATION_QUERY } from 'GraphQl/Queries/Queries';
+import useLocalStorage from 'utils/useLocalstorage';
+
+const { setItem } = useLocalStorage();
+
+async function wait(ms = 1000): Promise
+
+ +
+
+
+
+
+
+
+ {/* setSearchValue(e.target.value)}
+ value={searchValue}
+ data-testid="searchAgendaCategories"
+ /> */}
+
+
+
+ + +
+
+ {t('deleteOrganization')}
+ {t('longDelOrgMsg')}
+
+ {t('deleteOrganization')}
+
+
+ {t('updateOrganization')}
+
+
+ {t('otherSettings')}
+
+
+ {t('changeLanguage')}
+
+ {/* Render language change dropdown component */}
+
+
+
+ {t('manageCustomFields')}
+ {tCommon('loading')}
; + if (error) return{error.message}
; + + return ( +
+ {/* Display existing custom fields or a message if there are none */}
+ {data.customFieldsByOrganization.length === 0 ? (
+
+
+ {data.customFieldsByOrganization.map(
+ (
+ field: {
+ _id: string;
+ name: string;
+ type: string;
+ },
+ index: number,
+ ) => (
+
+ )}
+
+
+ );
+};
+
+export default OrgProfileFieldSettings;
diff --git a/src/components/OrgSettings/General/OrgUpdate/OrgUpdate.module.css b/src/components/OrgSettings/General/OrgUpdate/OrgUpdate.module.css
new file mode 100644
index 0000000000..fca7ac5e5b
--- /dev/null
+++ b/src/components/OrgSettings/General/OrgUpdate/OrgUpdate.module.css
@@ -0,0 +1,13 @@
+.message {
+ height: 420px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+}
+
+.icon {
+ transform: scale(1.5);
+ color: var(--bs-danger);
+ margin-bottom: 1rem;
+}
diff --git a/src/components/OrgSettings/General/OrgUpdate/OrgUpdate.test.tsx b/src/components/OrgSettings/General/OrgUpdate/OrgUpdate.test.tsx
new file mode 100644
index 0000000000..6304bb3ec9
--- /dev/null
+++ b/src/components/OrgSettings/General/OrgUpdate/OrgUpdate.test.tsx
@@ -0,0 +1,242 @@
+import React, { act } from 'react';
+import { MockedProvider } from '@apollo/react-testing';
+import { fireEvent, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { I18nextProvider } from 'react-i18next';
+import { StaticMockLink } from 'utils/StaticMockLink';
+import i18nForTest from 'utils/i18nForTest';
+import OrgUpdate from './OrgUpdate';
+import {
+ MOCKS,
+ MOCKS_ERROR_ORGLIST,
+ MOCKS_ERROR_UPDATE_ORGLIST,
+} from './OrgUpdateMocks';
+
+const link = new StaticMockLink(MOCKS, true);
+
+async function wait(ms = 500): Promise{t('noCustomField')}
+ ) : ( +| {field.name} | +{field.type} | ++ {/* Button to remove a custom field */} + + | +
+
+
+
+
+
+ {/* Form to add a new custom field */}
+
+
+
+
+ Error occured while loading Organization Data
+
+
+ );
+ }
+
+ return (
+ <>
+
+ Error occured while loading Organization Data
+
+ {`${error.message}`}
+
+
+
+
+
+ );
+}
+export default orgUpdate;
diff --git a/src/components/OrgSettings/General/OrgUpdate/OrgUpdateMocks.ts b/src/components/OrgSettings/General/OrgUpdate/OrgUpdateMocks.ts
new file mode 100644
index 0000000000..4c7f704719
--- /dev/null
+++ b/src/components/OrgSettings/General/OrgUpdate/OrgUpdateMocks.ts
@@ -0,0 +1,204 @@
+import { UPDATE_ORGANIZATION_MUTATION } from 'GraphQl/Mutations/mutations';
+import { ORGANIZATIONS_LIST } from 'GraphQl/Queries/Queries';
+
+export const MOCKS = [
+ {
+ request: {
+ query: ORGANIZATIONS_LIST,
+ variables: { id: '123' },
+ },
+ result: {
+ data: {
+ organizations: [
+ {
+ _id: '123',
+ image: null,
+ name: 'Palisadoes',
+ description: 'Equitable Access to STEM Education Jobs',
+ address: {
+ city: 'Kingston',
+ countryCode: 'JM',
+ dependentLocality: 'Sample Dependent Locality',
+ line1: '123 Jamaica Street',
+ line2: 'Apartment 456',
+ postalCode: 'JM12345',
+ sortingCode: 'ABC-123',
+ state: 'Kingston Parish',
+ },
+ userRegistrationRequired: true,
+ visibleInSearch: false,
+ creator: {
+ firstName: 'John',
+ lastName: 'Doe',
+ email: 'johndoe@example.com',
+ },
+ members: {
+ _id: '123',
+ firstName: 'John',
+ lastName: 'Doe',
+ email: 'johndoe@gmail.com',
+ },
+ admins: [
+ {
+ _id: '123',
+ firstName: 'John',
+ lastName: 'Doe',
+ email: 'johndoe@gmail.com',
+ createdAt: '12-03-2024',
+ },
+ ],
+ membershipRequests: {
+ _id: '456',
+ user: {
+ firstName: 'Sam',
+ lastName: 'Smith',
+ email: 'samsmith@gmail.com',
+ },
+ },
+ blockedUsers: [],
+ },
+ ],
+ },
+ },
+ },
+ {
+ request: {
+ query: UPDATE_ORGANIZATION_MUTATION,
+ variables: {
+ id: '123',
+ name: 'Updated Organization',
+ description: 'This is an updated test organization',
+ address: {
+ city: 'Kingston',
+ countryCode: 'JM',
+ dependentLocality: 'Sample Dependent Locality',
+ line1: '123 Jamaica Street',
+ line2: 'Apartment 456',
+ postalCode: 'JM12345',
+ sortingCode: 'ABC-123',
+ state: 'Kingston Parish',
+ },
+ image: new File(['hello'], 'hello.png', { type: 'image/png' }),
+ userRegistrationRequired: true,
+ visibleInSearch: false,
+ },
+ },
+ result: {
+ data: {
+ updateOrganization: {
+ _id: '123',
+ name: 'Updated Organization',
+ description: 'This is an updated test organization',
+ address: {
+ city: 'Kingston',
+ countryCode: 'JM',
+ dependentLocality: 'Sample Dependent Locality',
+ line1: '123 Jamaica Street',
+ line2: 'Apartment 456',
+ postalCode: 'JM12345',
+ sortingCode: 'ABC-123',
+ state: 'Kingston Parish',
+ },
+ userRegistrationRequired: true,
+ visibleInSearch: false,
+ },
+ },
+ },
+ },
+];
+
+export const MOCKS_ERROR_ORGLIST = [
+ {
+ request: {
+ query: ORGANIZATIONS_LIST,
+ variables: { id: '123' },
+ },
+ error: new Error('Mock Graphql Error'),
+ },
+];
+
+export const MOCKS_ERROR_UPDATE_ORGLIST = [
+ {
+ request: {
+ query: ORGANIZATIONS_LIST,
+ variables: { id: '123' },
+ },
+ result: {
+ data: {
+ organizations: [
+ {
+ _id: '123',
+ image: null,
+ name: 'Palisadoes',
+ description: 'Equitable Access to STEM Education Jobs',
+ address: {
+ city: 'Kingston',
+ countryCode: 'JM',
+ dependentLocality: 'Sample Dependent Locality',
+ line1: '123 Jamaica Street',
+ line2: 'Apartment 456',
+ postalCode: 'JM12345',
+ sortingCode: 'ABC-123',
+ state: 'Kingston Parish',
+ },
+ userRegistrationRequired: true,
+ visibleInSearch: false,
+ creator: {
+ firstName: 'John',
+ lastName: 'Doe',
+ email: 'johndoe@example.com',
+ },
+ members: {
+ _id: '123',
+ firstName: 'John',
+ lastName: 'Doe',
+ email: 'johndoe@gmail.com',
+ },
+ admins: [
+ {
+ _id: '123',
+ firstName: 'John',
+ lastName: 'Doe',
+ email: 'johndoe@gmail.com',
+ createdAt: '12-03-2024',
+ },
+ ],
+ membershipRequests: {
+ _id: '456',
+ user: {
+ firstName: 'Sam',
+ lastName: 'Smith',
+ email: 'samsmith@gmail.com',
+ },
+ },
+ blockedUsers: [],
+ },
+ ],
+ },
+ },
+ },
+ {
+ request: {
+ query: UPDATE_ORGANIZATION_MUTATION,
+ variables: {
+ id: '123',
+ name: 'Updated Organization',
+ description: 'This is an updated test organization',
+ address: {
+ city: 'Kingston',
+ countryCode: 'JM',
+ dependentLocality: 'Sample Dependent Locality',
+ line1: '123 Jamaica Street',
+ line2: 'Apartment 456',
+ postalCode: 'JM12345',
+ sortingCode: 'ABC-123',
+ state: 'Kingston Parish',
+ },
+ image: new File(['hello'], 'hello.png', { type: 'image/png' }),
+ userRegistrationRequired: true,
+ visibleInSearch: false,
+ },
+ },
+ erorr: new Error('Mock Graphql Updating Organization Error'),
+ },
+];
diff --git a/src/components/OrganizationCard/OrganizationCard.module.css b/src/components/OrganizationCard/OrganizationCard.module.css
new file mode 100644
index 0000000000..6c65b8258b
--- /dev/null
+++ b/src/components/OrganizationCard/OrganizationCard.module.css
@@ -0,0 +1,46 @@
+.alignimg {
+ border-radius: 50%;
+ background-blend-mode: darken;
+ height: 65px;
+ width: 65px;
+}
+
+.box {
+ color: #ffbd59;
+}
+
+.box :hover {
+ color: #ffbd59;
+}
+
+.first_box {
+ display: flex;
+ flex-direction: row;
+ padding-bottom: 10px;
+ padding-top: 10px;
+}
+
+.second_box {
+ padding-left: 20px;
+ padding-top: 10px;
+}
+
+.second_box > h4 {
+ font-size: 10;
+ font-weight: bold;
+ text-decoration: none;
+ color: black;
+}
+
+.second_box > h5 {
+ text-decoration: none;
+ font-size: 10;
+ font-weight: 100;
+ color: #969696;
+}
+
+.deco {
+ border: 1px solid #dfdfdf;
+ width: 65vw;
+ height: 0px !important;
+}
diff --git a/src/components/OrganizationCard/OrganizationCard.test.tsx b/src/components/OrganizationCard/OrganizationCard.test.tsx
new file mode 100644
index 0000000000..e4abf3a1fd
--- /dev/null
+++ b/src/components/OrganizationCard/OrganizationCard.test.tsx
@@ -0,0 +1,39 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import OrganizationCard from './OrganizationCard';
+
+describe('Testing the Organization Card', () => {
+ test('should render props and text elements test for the page component', () => {
+ const props = {
+ id: '123',
+ image: 'https://via.placeholder.com/80',
+ firstName: 'John',
+ lastName: 'Doe',
+ name: 'Sample',
+ };
+
+ render(
+
+
+ );
+}
+
+export default OrganizationCard;
diff --git a/src/components/OrganizationCardStart/OrganizationCardStart.module.css b/src/components/OrganizationCardStart/OrganizationCardStart.module.css
new file mode 100644
index 0000000000..6c65b8258b
--- /dev/null
+++ b/src/components/OrganizationCardStart/OrganizationCardStart.module.css
@@ -0,0 +1,46 @@
+.alignimg {
+ border-radius: 50%;
+ background-blend-mode: darken;
+ height: 65px;
+ width: 65px;
+}
+
+.box {
+ color: #ffbd59;
+}
+
+.box :hover {
+ color: #ffbd59;
+}
+
+.first_box {
+ display: flex;
+ flex-direction: row;
+ padding-bottom: 10px;
+ padding-top: 10px;
+}
+
+.second_box {
+ padding-left: 20px;
+ padding-top: 10px;
+}
+
+.second_box > h4 {
+ font-size: 10;
+ font-weight: bold;
+ text-decoration: none;
+ color: black;
+}
+
+.second_box > h5 {
+ text-decoration: none;
+ font-size: 10;
+ font-weight: 100;
+ color: #969696;
+}
+
+.deco {
+ border: 1px solid #dfdfdf;
+ width: 65vw;
+ height: 0px !important;
+}
diff --git a/src/components/OrganizationCardStart/OrganizationCardStart.test.tsx b/src/components/OrganizationCardStart/OrganizationCardStart.test.tsx
new file mode 100644
index 0000000000..dd65c8649e
--- /dev/null
+++ b/src/components/OrganizationCardStart/OrganizationCardStart.test.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import OrganizationCardStart from './OrganizationCardStart';
+
+describe('Testing the Organization Cards', () => {
+ test('should render props and text elements test for the page component', () => {
+ const props = {
+ id: '123',
+ image: 'https://via.placeholder.com/80',
+ name: 'Sample',
+ };
+
+ render(
+ {props.image ? (
+ 
+ ) : (
+ 
+ )}
+
+
+
+
+ {props.name}
++ Owner: + {props.firstName} + + + {props.lastName} + +
+
+
+
+
+ );
+}
+
+export default organizationCardStart;
diff --git a/src/components/OrganizationDashCards/CardItem.module.css b/src/components/OrganizationDashCards/CardItem.module.css
new file mode 100644
index 0000000000..bfb85cb1bb
--- /dev/null
+++ b/src/components/OrganizationDashCards/CardItem.module.css
@@ -0,0 +1,81 @@
+.cardItem {
+ position: relative;
+ display: flex;
+ align-items: center;
+ border: 1px solid var(--bs-gray-200);
+ border-radius: 8px;
+ margin-top: 20px;
+}
+
+.cardItem .iconWrapper {
+ position: relative;
+ height: 40px;
+ width: 40px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.cardItem .iconWrapper .themeOverlay {
+ background: var(--bs-primary);
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ opacity: 0.12;
+ border-radius: 50%;
+}
+
+.cardItem .iconWrapper .dangerOverlay {
+ background: var(--bs-danger);
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ opacity: 0.12;
+ border-radius: 50%;
+}
+
+.cardItem .title {
+ font-size: 1rem;
+ flex: 1;
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-line-clamp: 1;
+ line-clamp: 1;
+ -webkit-box-orient: vertical;
+ margin-left: 3px;
+}
+
+.cardItem .location {
+ font-size: 0.9rem;
+ color: var(--bs-primary);
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-line-clamp: 1;
+ line-clamp: 1;
+ -webkit-box-orient: vertical;
+}
+
+.cardItem .time {
+ font-size: 0.9rem;
+ color: var(--bs-secondary);
+}
+
+.cardItem .creator {
+ font-size: 1rem;
+ color: rgb(33, 208, 21);
+}
+
+.rightCard {
+ display: flex;
+ gap: 7px;
+ min-width: 170px;
+ justify-content: center;
+ flex-direction: column;
+ margin-left: 10px;
+ overflow-x: hidden;
+ width: 210px;
+}
diff --git a/src/components/OrganizationDashCards/CardItem.test.tsx b/src/components/OrganizationDashCards/CardItem.test.tsx
new file mode 100644
index 0000000000..31f3474607
--- /dev/null
+++ b/src/components/OrganizationDashCards/CardItem.test.tsx
@@ -0,0 +1,62 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import CardItem from './CardItem';
+import type { InterfaceCardItem } from './CardItem';
+import dayjs from 'dayjs';
+
+describe('Testing the Organization Card', () => {
+ test('Should render props and text elements For event card', () => {
+ const props: InterfaceCardItem = {
+ type: 'Event',
+ title: 'Event Title',
+ startdate: '2023-09-13',
+ enddate: '2023-09-14',
+ location: 'Event Location',
+ };
+
+ render(
+ {props.image ? (
+
+ ) : (
+
+ )}
+
+
+
+
+ {props.name}
+ +
+
+
+ );
+};
+
+export default cardItem;
diff --git a/src/components/OrganizationDashCards/CardItemLoading.tsx b/src/components/OrganizationDashCards/CardItemLoading.tsx
new file mode 100644
index 0000000000..c7c666afb6
--- /dev/null
+++ b/src/components/OrganizationDashCards/CardItemLoading.tsx
@@ -0,0 +1,31 @@
+import React from 'react';
+import styles from './CardItem.module.css';
+
+/**
+ * CardItemLoading component is a loading state for the card item. It is used when the data is being fetched.
+ * @returns JSX.Element
+ */
+const cardItemLoading = (): JSX.Element => {
+ return (
+ <>
+
+
+ {type == 'Event' ? (
+
+
+
+ {creator && (
+
+
+
+
+
+ );
+};
+
+export default cardItemLoading;
diff --git a/src/components/OrganizationDashCards/DashboardCard.test.tsx b/src/components/OrganizationDashCards/DashboardCard.test.tsx
new file mode 100644
index 0000000000..71e5e1fed0
--- /dev/null
+++ b/src/components/OrganizationDashCards/DashboardCard.test.tsx
@@ -0,0 +1,18 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import DashboardCard from './DashboardCard';
+
+describe('Testing the Dashboard Card', () => {
+ test('should render props and text elements For event card', () => {
+ const props = {
+ icon: ,
+ title: 'Example Title',
+ count: 100,
+ };
+
+ render(
+
+
+
+
+
+
+
+ {icon}
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default OrganizationScreen;
+
+/**
+ * Mapping object to get translation keys based on route
+ */
+const map: InterfaceMapType = {
+ orgdash: 'dashboard',
+ orgpeople: 'organizationPeople',
+ orgtags: 'organizationTags',
+ requests: 'requests',
+ orgads: 'advertisement',
+ member: 'memberDetail',
+ orgevents: 'organizationEvents',
+ orgactionitems: 'organizationActionItems',
+ orgagendacategory: 'organizationAgendaCategory',
+ orgcontribution: 'orgContribution',
+ orgpost: 'orgPost',
+ orgfunds: 'funds',
+ orgfundcampaign: 'fundCampaign',
+ fundCampaignPledge: 'pledges',
+ orgsetting: 'orgSettings',
+ orgstore: 'addOnStore',
+ blockuser: 'blockUnblockUser',
+ orgvenues: 'organizationVenues',
+ event: 'eventManagement',
+ leaderboard: 'leaderboard',
+};
diff --git a/src/components/Pagination/Pagination.test.tsx b/src/components/Pagination/Pagination.test.tsx
new file mode 100644
index 0000000000..40ac2ed19a
--- /dev/null
+++ b/src/components/Pagination/Pagination.test.tsx
@@ -0,0 +1,64 @@
+import React, { act } from 'react';
+import { render, screen } from '@testing-library/react';
+import { Provider } from 'react-redux';
+import { BrowserRouter } from 'react-router-dom';
+import { createTheme, ThemeProvider } from '@mui/material/styles';
+import Pagination from './Pagination';
+import { store } from 'state/store';
+import userEvent from '@testing-library/user-event';
+
+describe('Testing Pagination component', () => {
+ const props = {
+ count: 5,
+ page: 10,
+ rowsPerPage: 5,
+ onPageChange: (): number => {
+ return 10;
+ },
+ };
+
+ test('Component should be rendered properly on rtl', async () => {
+ render(
+
+
+
+
+ {t('title')}
+ {eventName &&{eventName}
} +
+
+
+ {userImage && userImage !== 'null' ? (
+ /*istanbul ignore next*/
+ 
+ ) : (
+
+
+
+ {displayedName}
+
+
+ {`${userRole}`}
+
+
+ {t('customRecurrence')}
+ +
+
+ {t('repeatsEvery')}
+ {' '}
+
+ setRecurrenceRuleState({
+ ...recurrenceRuleState,
+ interval: Number(e.target.value),
+ })
+ }
+ />
+
+
+ {`${frequencies[frequency]}${interval && interval > 1 ? 's' : ''}`}
+
+
+
+
+ setRecurrenceRuleState({
+ ...recurrenceRuleState,
+ frequency: Frequency.DAILY,
+ weekDayOccurenceInMonth: undefined,
+ })
+ }
+ data-testid="customDailyRecurrence"
+ >
+ {interval && interval > 1 ? 'Days' : 'Day'}
+
+
+ setRecurrenceRuleState({
+ ...recurrenceRuleState,
+ frequency: Frequency.WEEKLY,
+ weekDays: [Days[recurrenceStartDate.getDay()]],
+ weekDayOccurenceInMonth: undefined,
+ })
+ }
+ data-testid="customWeeklyRecurrence"
+ >
+ {interval && interval > 1 ? 'Weeks' : 'Week'}
+
+
+ setRecurrenceRuleState({
+ ...recurrenceRuleState,
+ frequency: Frequency.MONTHLY,
+ weekDayOccurenceInMonth: undefined,
+ })
+ }
+ data-testid="customMonthlyRecurrence"
+ >
+ {interval && interval > 1 ? 'Months' : 'Month'}
+
+
+ setRecurrenceRuleState({
+ ...recurrenceRuleState,
+ frequency: Frequency.YEARLY,
+ weekDayOccurenceInMonth: undefined,
+ })
+ }
+ data-testid="customYearlyRecurrence"
+ >
+ {interval && interval > 1 ? 'Years' : 'Year'}
+
+
+
+
+
+ {frequency === Frequency.WEEKLY && (
+
+
+ {t('repeatsOn')}
+
+
+
+ )}
+
+ {frequency === Frequency.MONTHLY && (
+ +
+ {daysOptions.map((day, index) => (
+
+ handleDayClick(Days[index])}
+ data-testid="recurrenceWeekDay"
+ >
+ {day}
+
+ ))}
+
+
+
+ {recurrenceRuleText}
+
+
+
+ setRecurrenceRuleState({
+ ...recurrenceRuleState,
+ frequency: Frequency.MONTHLY,
+ weekDayOccurenceInMonth: undefined,
+ })
+ }
+ data-testid="monthlyRecurrenceOptionOnThatDay"
+ >
+
+ {getRecurrenceRuleText({
+ ...recurrenceRuleState,
+ frequency: Frequency.MONTHLY,
+ weekDayOccurenceInMonth: undefined,
+ })}
+
+
+ {getWeekDayOccurenceInMonth(recurrenceStartDate) !== 5 && (
+
+ setRecurrenceRuleState({
+ ...recurrenceRuleState,
+ frequency: Frequency.MONTHLY,
+ weekDays: [Days[recurrenceStartDate.getDay()]],
+ weekDayOccurenceInMonth:
+ getWeekDayOccurenceInMonth(recurrenceStartDate),
+ })
+ }
+ data-testid="monthlyRecurrenceOptionOnThatOccurence"
+ >
+
+ {getRecurrenceRuleText({
+ ...recurrenceRuleState,
+ frequency: Frequency.MONTHLY,
+ weekDays: [Days[recurrenceStartDate.getDay()]],
+ weekDayOccurenceInMonth:
+ getWeekDayOccurenceInMonth(recurrenceStartDate),
+ })}
+
+
+ )}
+ {isLastOccurenceOfWeekDay(recurrenceStartDate) && (
+
+ setRecurrenceRuleState({
+ ...recurrenceRuleState,
+ frequency: Frequency.MONTHLY,
+ weekDays: [Days[recurrenceStartDate.getDay()]],
+ weekDayOccurenceInMonth: -1,
+ })
+ }
+ data-testid="monthlyRecurrenceOptionOnLastOccurence"
+ >
+
+ {getRecurrenceRuleText({
+ ...recurrenceRuleState,
+ frequency: Frequency.MONTHLY,
+ weekDays: [Days[recurrenceStartDate.getDay()]],
+ weekDayOccurenceInMonth: -1,
+ })}
+
+
+ )}
+
+
+
+ )}
+
+
+ {t('ends')}
+
+
+
+
+
+ + +
+
+
+
+
+
+ );
+};
+
+export default superAdminScreen;
+
+/**
+ * Map of route segments to translation keys for page titles.
+ */
+const map: Record<
+ string,
+ 'orgList' | 'requests' | 'users' | 'memberDetail' | 'communityProfile'
+> = {
+ orglist: 'orgList',
+ requests: 'requests',
+ users: 'users',
+ member: 'memberDetail',
+ communityProfile: 'communityProfile',
+};
diff --git a/src/components/TableLoader/TableLoader.module.css b/src/components/TableLoader/TableLoader.module.css
new file mode 100644
index 0000000000..66349e2aa9
--- /dev/null
+++ b/src/components/TableLoader/TableLoader.module.css
@@ -0,0 +1,3 @@
+.loadingItem {
+ height: 30px;
+}
diff --git a/src/components/TableLoader/TableLoader.test.tsx b/src/components/TableLoader/TableLoader.test.tsx
new file mode 100644
index 0000000000..a7d334a1c7
--- /dev/null
+++ b/src/components/TableLoader/TableLoader.test.tsx
@@ -0,0 +1,78 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { BrowserRouter } from 'react-router-dom';
+
+import type { InterfaceTableLoader } from './TableLoader';
+import TableLoader from './TableLoader';
+
+beforeAll(() => {
+ console.error = jest.fn();
+});
+
+describe('Testing Loader component', () => {
+ test('Component should be rendered properly only headerTitles is provided', () => {
+ const props: InterfaceTableLoader = {
+ noOfRows: 10,
+ headerTitles: ['header1', 'header2', 'header3'],
+ };
+ render(
+
+
+
+
+ {t('title')}
+| {title} | ; + }) + : noOfCols && + [...Array(noOfCols)].map((_, index) => { + return; + })} + |
|---|---|
| + + | + ); + }, + )} +
+
+ );
+ }
+
+ return (
+ <>
+
+
+ + {t('errorOccurredWhileLoadingOrganizationUserTags')} +
+
+
+ );
+ }
+
+ const subTagsList =
+ subTagsData?.getChildTags.childTags.edges.map((edge) => edge.node) ??
+ /* istanbul ignore next */ [];
+
+ const handleTagClick = (): void => {
+ setExpanded(!expanded);
+ };
+
+ const handleCheckboxChange = (
+ e: React.ChangeEvent
+
+ + {t('errorOccurredWhileLoadingSubTags')} +
+
+
+ );
+};
+
+export default TagNode;
diff --git a/src/components/UpdateSession/UpdateSession.css b/src/components/UpdateSession/UpdateSession.css
new file mode 100644
index 0000000000..073bbf973d
--- /dev/null
+++ b/src/components/UpdateSession/UpdateSession.css
@@ -0,0 +1,96 @@
+/* Card styles */
+.update-timeout-card {
+ width: 700px;
+ background: #ffffff;
+ border: none;
+ border-radius: 16px;
+ filter: drop-shadow(0px 4px 15.3px rgba(0, 0, 0, 0.08));
+ padding: 20px;
+}
+
+.update-timeout-card-header {
+ background: none;
+ padding: 16px;
+ border-bottom: none;
+}
+
+.update-timeout-card-title {
+ font-family: 'Lato', sans-serif;
+ font-weight: 600;
+ font-size: 24px;
+ color: #000000;
+}
+
+.update-timeout-card-body {
+ padding: 20px;
+}
+
+.update-timeout-current {
+ font-family: 'Lato', sans-serif;
+ font-weight: 400;
+ font-size: 16px;
+ color: #000000;
+ margin-bottom: 20px; /* Increased margin to create more space */
+}
+
+.update-timeout-label {
+ font-family: 'Lato', sans-serif;
+ font-weight: 400;
+ font-size: 16px;
+ color: #000000;
+ margin-bottom: 10px; /* Keep the same margin to maintain spacing with the slider */
+}
+
+.update-timeout-labels-container {
+ display: flex;
+ flex-direction: column;
+ align-items: start;
+}
+
+.update-timeout-value {
+ color: #14ae5c;
+ font-weight: bold;
+}
+
+.update-timeout-slider-labels {
+ display: flex;
+ justify-content: space-between;
+ font-size: 0.9rem;
+ color: #757575;
+}
+
+.update-timeout-button-container {
+ display: flex;
+ justify-content: right;
+ margin-top: 20px;
+}
+
+.update-timeout-button {
+ width: 112px;
+ height: 36px;
+ background: #31bb6b;
+ border-radius: 6px;
+ font-family: 'Lato', sans-serif;
+ font-weight: 500;
+ font-size: 16px;
+ color: #ffffff;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border: none;
+ box-shadow: none;
+}
+
+.update-timeout-button:hover {
+ background-color: #28a745;
+ border-color: #28a745;
+ box-shadow: none;
+}
+
+.update-timeout-button:active {
+ transform: scale(0.98);
+}
+
+.update-timeout-slider-container {
+ position: relative;
+}
diff --git a/src/components/UpdateSession/UpdateSession.test.tsx b/src/components/UpdateSession/UpdateSession.test.tsx
new file mode 100644
index 0000000000..ce0a868820
--- /dev/null
+++ b/src/components/UpdateSession/UpdateSession.test.tsx
@@ -0,0 +1,346 @@
+import React from 'react';
+import { MockedProvider } from '@apollo/client/testing';
+import {
+ render,
+ screen,
+ act,
+ within,
+ fireEvent,
+ waitFor,
+} from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import 'jest-localstorage-mock';
+import 'jest-location-mock';
+import { I18nextProvider } from 'react-i18next';
+import { BrowserRouter } from 'react-router-dom';
+import { toast } from 'react-toastify';
+import UpdateTimeout from './UpdateSession';
+import i18n from 'utils/i18nForTest';
+import { GET_COMMUNITY_SESSION_TIMEOUT_DATA } from 'GraphQl/Queries/Queries';
+import { UPDATE_SESSION_TIMEOUT } from 'GraphQl/Mutations/mutations';
+import { errorHandler } from 'utils/errorHandler';
+
+const MOCKS = [
+ {
+ request: {
+ query: GET_COMMUNITY_SESSION_TIMEOUT_DATA,
+ },
+ result: {
+ data: {
+ getCommunityData: {
+ timeout: 30,
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: GET_COMMUNITY_SESSION_TIMEOUT_DATA,
+ },
+ result: {
+ data: {
+ getCommunityData: null,
+ },
+ },
+ },
+ {
+ request: {
+ query: UPDATE_SESSION_TIMEOUT,
+ variables: {
+ timeout: 30,
+ },
+ },
+ result: {
+ data: {
+ updateSessionTimeout: true,
+ },
+ },
+ },
+];
+
+async function wait(ms = 100): Promise
+ {tag.childTags.totalCount ? (
+ <>
+
+ {expanded ? '▼' : '▶'}
+
+
+ {' '}
+
+ ) : (
+ <>
+ ●
+
+ {' '}
+
+ )}
+
+ {tag.name}
+
+
+ {expanded && subTagsLoading && (
+
+
+ )}
+ {expanded && subTagsList?.length && (
+
+
+
+
+
+ )}
+
+
+
+
+ ))}
+
+ Login Session Timeout
+
+
+
+
+ );
+};
+export default UserUpdate;
diff --git a/src/components/UserPortal/ChatRoom/ChatRoom.module.css b/src/components/UserPortal/ChatRoom/ChatRoom.module.css
new file mode 100644
index 0000000000..5fc98351cd
--- /dev/null
+++ b/src/components/UserPortal/ChatRoom/ChatRoom.module.css
@@ -0,0 +1,250 @@
+.chatAreaContainer {
+ padding: 10px;
+ flex-grow: 1;
+ /* background-color: rgba(196, 255, 211, 0.3); */
+}
+
+.backgroundWhite {
+ background-color: white;
+}
+
+.grey {
+ color: grey;
+}
+
+.header {
+ position: sticky;
+ top: 0px;
+ background: white;
+}
+
+.userInfo {
+ display: flex;
+ border-bottom: 1px solid black;
+ padding-bottom: 5px;
+ align-items: center;
+ margin-top: 5px;
+ gap: 10px;
+}
+
+.contactImage {
+ width: 45px !important;
+ height: auto !important;
+ border-radius: 10px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.messageSentContainer {
+ display: flex;
+ justify-content: flex-end;
+}
+
+.messageReceivedContainer {
+ display: flex;
+ align-items: flex-end;
+}
+
+.messageReceived {
+ border: 1px solid #c2c2c2;
+ border-radius: 8px 8px 8px 0px;
+ padding: 4px 6px;
+ margin: 4px 6px;
+ width: fit-content;
+ max-width: 75%;
+ min-width: 80px;
+ padding-bottom: 0;
+ display: flex;
+ justify-content: space-between;
+}
+
+.messageSent {
+ border: 1px solid #c2c2c2;
+ border-radius: 8px 8px 0px 8px;
+ padding: 4px 6px;
+ margin: 4px 6px;
+ width: fit-content;
+ max-width: 75%;
+ background-color: rgba(196, 255, 211, 0.3);
+ min-width: 80px;
+ padding-bottom: 0;
+ display: flex;
+ justify-content: space-between;
+}
+
+.userDetails {
+ display: flex;
+ align-items: center;
+ font-size: 14px;
+ gap: 6px;
+}
+
+.userDetails .userImage {
+ height: 20px;
+ width: 20px;
+}
+
+.replyTo {
+ border-left: 4px solid pink;
+ display: flex;
+ justify-content: space-between;
+ background-color: rgb(249, 249, 250);
+ padding: 6px 0px 4px 4px;
+ border-radius: 6px 6px 6px 6px;
+}
+
+.replyToMessageContainer {
+ padding-left: 4px;
+}
+
+.replyToMessageContainer p {
+ margin: 4px 0px 0px;
+}
+
+.replyToMessage {
+ border-left: 4px solid pink;
+ border-radius: 6px;
+ margin: 6px 0px;
+ padding: 6px;
+ background-color: #dbf6db;
+}
+
+.messageReceived .replyToMessage {
+ background-color: #f2f2f2;
+}
+
+.messageTime {
+ font-size: 10px;
+ display: flex;
+ align-items: flex-end;
+ justify-content: flex-end;
+ margin-bottom: 0px;
+ margin-left: 6px;
+}
+
+.messageContent {
+ margin-bottom: 0.5px;
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+ justify-content: center;
+}
+
+.createChat {
+ border: none;
+ background-color: white;
+}
+
+.chatMessages {
+ margin: 10px 0;
+}
+
+.userDetails .subtitle {
+ font-size: 12px;
+ color: #959595;
+ margin: 0;
+}
+
+.userDetails .title {
+ font-size: 18px;
+ margin: 0;
+}
+
+.contactImage {
+ height: fit-content;
+}
+
+.senderInfo {
+ margin: 2px 2px 0px 2px;
+ font-size: 12px;
+ font-weight: 600;
+}
+
+.messageAttributes {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: flex-end;
+}
+
+.customToggle {
+ display: none;
+}
+
+.customToggle,
+.closeBtn {
+ padding: 0;
+ background: none;
+ border: none;
+ --bs-btn-active-bg: none;
+}
+.customToggle svg {
+ color: black;
+ font-size: 12px;
+}
+
+.customToggle::after,
+.closeBtn::after {
+ content: none;
+}
+
+.closeBtn svg {
+ color: black;
+ font-size: 18px;
+}
+
+.closeBtn {
+ padding: 2px 10px;
+}
+
+.closeBtn:hover {
+ background-color: transparent;
+ border-color: transparent;
+}
+
+.customToggle:hover,
+.customToggle:focus,
+.customToggle:active {
+ background: none;
+ border: none;
+}
+
+.messageReceived:hover .customToggle {
+ display: block;
+}
+
+.messageSent:hover .customToggle {
+ display: block;
+}
+
+.messageSent:hover,
+.messageReceived:hover {
+ padding: 0px 6px;
+}
+
+.messageSent:target {
+ scroll-margin-top: 100px;
+ animation-name: test;
+ animation-duration: 1s;
+}
+
+.messageReceived:target {
+ scroll-margin-top: 100px;
+ animation-name: test;
+ animation-duration: 1s;
+}
+
+@keyframes test {
+ from {
+ background-color: white;
+ }
+ to {
+ background-color: rgb(82, 83, 81);
+ }
+}
+
+a {
+ color: currentColor;
+ width: 100%;
+}
diff --git a/src/components/UserPortal/ChatRoom/ChatRoom.test.tsx b/src/components/UserPortal/ChatRoom/ChatRoom.test.tsx
new file mode 100644
index 0000000000..c808485132
--- /dev/null
+++ b/src/components/UserPortal/ChatRoom/ChatRoom.test.tsx
@@ -0,0 +1,1586 @@
+import React from 'react';
+
+import {
+ act,
+ render,
+ screen,
+ fireEvent,
+ waitFor,
+} from '@testing-library/react';
+import { MockSubscriptionLink, MockedProvider } from '@apollo/react-testing';
+import { I18nextProvider } from 'react-i18next';
+import { BrowserRouter } from 'react-router-dom';
+import { Provider } from 'react-redux';
+import { store } from 'state/store';
+import i18nForTest from 'utils/i18nForTest';
+import { CHATS_LIST, CHAT_BY_ID } from 'GraphQl/Queries/PlugInQueries';
+import {
+ MESSAGE_SENT_TO_CHAT,
+ SEND_MESSAGE_TO_CHAT,
+} from 'GraphQl/Mutations/OrganizationMutations';
+import ChatRoom from './ChatRoom';
+import { useLocalStorage } from 'utils/useLocalstorage';
+import { StaticMockLink } from 'utils/StaticMockLink';
+
+const { setItem } = useLocalStorage();
+
+async function wait(ms = 100): Promise
+ {!props.selectedContact ? (
+
+
+ ) : (
+ <>
+ {t('selectContact')}
+
+
+
+
+
+
+ {chatTitle}
+{chatSubtitle}
+
+
+ {!!chat?.messages.length && (
+
+ {chat?.messages.map((message: DirectMessage) => {
+ return (
+
+ {chat.isGroup &&
+ message.sender._id !== userId &&
+ (message.sender?.image ? (
+ 
+ ) : (
+
+
+ {chat.isGroup && message.sender._id !== userId && (
+
+ {message.sender.firstName + + ' ' + + message.sender.lastName} +
+ )} + {message.replyTo && ( + +
+