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..21692075fc 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" videos are extremely helpful for new open source contributors. diff --git a/issue-guidelines.md b/issue-guidelines.md deleted file mode 100644 index 5d626c332d..0000000000 --- a/issue-guidelines.md +++ /dev/null @@ -1,12 +0,0 @@ -# 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 API project, we have put restrictions in place. This section outlines the guidelines that should be imposed upon issue reports in the Talawa API project. - -1. Use the [GitHub open issue search](https://github.com/PalisadoesFoundation/talawa-admin/issues) — check if the issue has already been reported. -2. If the issue is already reported and not assigned to anyone, if you are interested to work on the issue then ask mentors to assign issign to you in #talawa-api slack channel. -3. Check if the issue has been fixed — try to reproduce it using the latest master or development branch in the repository. -4. For newly found unfixed issues or features, start discussing it in #gsoc-newissues channel with mentors. Please do not derail or troll issues. Keep the discussion on topic and respect the opinions of others. -5. After mentor approval you can create a new issue by following [issue template](https://github.com/PalisadoesFoundation/talawa-admin/blob/master/templates/issue-template.md) available here. -6. 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. diff --git a/jest-preview.config.ts b/jest-preview.config.ts new file mode 100644 index 0000000000..0bcc13d4c7 --- /dev/null +++ b/jest-preview.config.ts @@ -0,0 +1,5 @@ +export default { + moduleNameMapper: { + '^@mui/(.*)$': '
-
+ },
+ );
+
+ 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 UserLoginPage from 'screens/UserPortal/UserLoginPage/UserLoginPage';
+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 FundCampaignPledge from 'screens/FundCampaignPledge/FundCampaignPledge';
+
+import useLocalStorage from 'utils/useLocalstorage';
+import UserScreen from 'screens/UserPortal/UserScreen/UserScreen';
+import EventDashboardScreen from 'components/EventDashboardScreen/EventDashboardScreen';
+
+const { setItem } = useLocalStorage();
+
+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.
-
+
+
+ {/* action item status change modal */}
+
+
+
+
+
+ {'#'}
+
+ {t('assignee')}
+
+ {t('preCompletionNotes')}
+
+ {t('postCompletionNotes')}
+
+ {t('options')}
+
+
+ {actionItemsData?.map((actionItem, index) => (
+
+
+
+
+
+ {index !== actionItemsData.length - 1 &&
} +
+ ))}
+
+ {actionItemsData?.length === 0 && (
+
+
+ {
+ setActionItemId(actionItem._id);
+ setActionItemNotes(actionItem.preCompletionNotes);
+ }}
+ >
+ {actionItem.preCompletionNotes.length > 25
+ ? `${actionItem.preCompletionNotes.substring(0, 25)}...`
+ : actionItem.preCompletionNotes}
+
+
+
+
+
+ {actionItem.isCompleted ? (
+
+ {
+ setActionItemId(actionItem._id);
+ setActionItemNotes(actionItem.postCompletionNotes);
+ }}
+ className="ms-3 "
+ >
+ {actionItem.postCompletionNotes?.length > 25
+ ? `${actionItem.postCompletionNotes.substring(0, 25)}...`
+ : actionItem.postCompletionNotes}
+
+
+ ) : (
+
+ {t('actionItemActive')}
+
+ )}
+
+
+
+ handleActionItemStatusChange(actionItem)}
+ />
+
+
+
+
+ } +
+ {t('noActionItems')}
+
+ )}
+ {t('actionItemStatus')}
+ +
+
+ Error occured while loading{' '}
+ {actionItemCategoriesError
+ ? 'Action Item Categories'
+ : membersError
+ ? 'Members List'
+ : 'Action Items List'}{' '}
+ Data
+
+
+ );
+ }
+
+ const actionItemCategories =
+ actionItemCategoriesData?.actionItemCategoriesByOrganization.filter(
+ (category) => !category.isDisabled,
+ );
+
+ const completedActionItemsCount =
+ actionItemsData?.actionItemsByOrganization.reduce(
+ (acc, item) => (item.isCompleted === true ? acc + 1 : acc),
+ 0,
+ );
+
+ return (
+ <>
+
+ Error occured while loading{' '}
+ {actionItemCategoriesError
+ ? 'Action Item Categories'
+ : membersError
+ ? 'Members List'
+ : 'Action Items List'}{' '}
+ Data
+
+ {actionItemCategoriesError
+ ? actionItemCategoriesError.message
+ : membersError
+ ? membersError.message
+ : actionItemsError?.message}
+
+
+
+ Status:
+ {actionItemsData?.actionItemsByOrganization.length} action items
+ assigned, {completedActionItemsCount} completed
+
+
+
+
+
+
+ {children}
+
+
+ );
+}
+
+addOn.defaultProps = {
+ extras: {},
+ name: '',
+ children: null,
+};
+
+addOn.propTypes = {
+ extras: PropTypes.shape({
+ components: PropTypes.shape({}),
+ actions: PropTypes.shape({}),
+ }),
+ name: PropTypes.string,
+ children: PropTypes.any,
+};
+
+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..c09840a8f0
--- /dev/null
+++ b/src/components/AddOn/core/AddOnEntry/AddOnEntry.test.tsx
@@ -0,0 +1,209 @@
+import React from 'react';
+import { render } 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+ + ); +} + +addOnEntry.defaultProps = { + enabled: false, + configurable: true, + title: '', + description: '', + isInstalled: false, +}; + +addOnEntry.propTypes = { + enabled: PropTypes.bool, + configurable: PropTypes.bool, + title: PropTypes.string, + description: PropTypes.string, + isInstalled: PropTypes.bool, +}; + +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..6df580aa76 --- /dev/null +++ b/src/components/AddOn/core/AddOnRegister/AddOnRegister.test.tsx @@ -0,0 +1,201 @@ +import React from 'react'; +import { act, 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} +
+ {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: ApolloClient
+ {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..4730f0c568
--- /dev/null
+++ b/src/components/AddOn/support/services/Plugin.helper.ts
@@ -0,0 +1,24 @@
+class PluginHelper {
+ fetchStore = async (): Promise
+
+
+
+ {[...Array(6)].map((_, index) => (
+
+
+
+
+ {[...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), +}; + +advertisementEntry.defaultProps = { + name: '', + type: '', + organizationId: '', + mediaUrl: '', + endDate: new Date(), + startDate: new 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..75b90fd1d7 --- /dev/null +++ b/src/components/Advertisements/core/AdvertisementRegister/AdvertisementRegister.module.css @@ -0,0 +1,55 @@ +.modalbtn { + 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..c3aa536d1f --- /dev/null +++ b/src/components/Advertisements/core/AdvertisementRegister/AdvertisementRegister.test.tsx @@ -0,0 +1,566 @@ +import React 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 model */}
+
+
+
+
+ {t('name')}
+
+ {t('createdBy')}
+
+ {t('options')}
+
+
+ {agendaCategoryData?.map((agendaCategory, index) => (
+
+
+
+
+
+ {index !== agendaCategoryData.length - 1 && (
+
+ )} +
+ ))}
+ {agendaCategoryData?.length === 0 && (
+
+
+
+
+
+ + )} +
+ {t('noAgendaCategories')}
+
+ )}
+
+
+
+ {(provided) => (
+
+
+
+ {/* Preview model */}
+
+
+
+
+ {t('sequence')}
+
+ {t('options')}
+
+
+ {agendaItemData &&
+ agendaItemData.map((agendaItem, index) => (
+
+ {(provided, snapshot) => (
+
+ ))}
+ {agendaItemData?.length === 0 && (
+
+ )}
+
+
+
+
+ )}
+
+ {agendaItem.categories.length > 0 ? (
+ agendaItem.categories.map((category, idx) => (
+
+ {category.name}
+ {idx < agendaItem.categories.length - 1 &&
+ ', '}
+
+ ))
+ ) : (
+
+ No Category
+
+ )}
+
+ {' '}
+
+
+
+
+
+
+ {t('noAgendaItems')}
+
+ )}
+ {t('agendaItemDetails')}
+ +{t('deleteAgendaItemMsg')}
+{t('agendaItemDetails')}
+ +{t('updateAgendaItem')}
+ +
+ 
+
+ );
+};
+
+export default Avatar;
diff --git a/src/components/ChangeLanguageDropdown/ChangeLanguageDropDown.tsx b/src/components/ChangeLanguageDropdown/ChangeLanguageDropDown.tsx
new file mode 100644
index 0000000000..e4bda6fd7f
--- /dev/null
+++ b/src/components/ChangeLanguageDropdown/ChangeLanguageDropDown.tsx
@@ -0,0 +1,83 @@
+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;
+}
+
+const ChangeLanguageDropDown = (
+ props: InterfaceChangeLanguageDropDownProps,
+): JSX.Element => {
+ const currentLanguageCode = cookies.get('i18next') || 'en';
+ const userId = getItem('userId');
+ const [updateUser] = useMutation(UPDATE_USER_MUTATION);
+
+ 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..0af9eeeb15
--- /dev/null
+++ b/src/components/CheckIn/tagTemplate.ts
@@ -0,0 +1,22 @@
+import { Template } from '@pdfme/generator';
+
+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==',
+};
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..cfb1001e6b
--- /dev/null
+++ b/src/components/CollapsibleDropdown/CollapsibleDropdown.test.tsx
@@ -0,0 +1,102 @@
+import React 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/DeleteOrg/DeleteOrg.module.css b/src/components/DeleteOrg/DeleteOrg.module.css
new file mode 100644
index 0000000000..2b15a2ac0c
--- /dev/null
+++ b/src/components/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/DeleteOrg/DeleteOrg.test.tsx b/src/components/DeleteOrg/DeleteOrg.test.tsx
new file mode 100644
index 0000000000..d9ac99f3ad
--- /dev/null
+++ b/src/components/DeleteOrg/DeleteOrg.test.tsx
@@ -0,0 +1,248 @@
+import React from 'react';
+import { MockedProvider } from '@apollo/react-testing';
+import { render, screen } 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 { act } from 'react-dom/test-utils';
+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
+
+ {t('deleteOrganization')}
+ {t('longDelOrgMsg')}
+
+ {t('deleteOrganization')}
+
+
+ {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..215182af9c
--- /dev/null
+++ b/src/components/EventCalendar/EventHeader.test.tsx
@@ -0,0 +1,100 @@
+import React from 'react';
+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';
+import { act } from 'react-dom/test-utils'; // Import act for async testing
+
+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..7b7a4d4b03
--- /dev/null
+++ b/src/components/EventCalendar/YearlyEventCalender.tsx
@@ -0,0 +1,360 @@
+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 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 Role {
+ USER = 'USER',
+ SUPERADMIN = 'SUPERADMIN',
+ ADMIN = 'ADMIN',
+}
+
+interface InterfaceIEventAttendees {
+ userId: string;
+ user?: string;
+ status?: Status;
+ createdAt?: Date;
+}
+
+interface InterfaceIOrgList {
+ admins: { _id: string }[];
+}
+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;
+ };
+
+ 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()}
+
+
+
+ );
+ }
+
+ const appRoutes: {
+ targets: TargetsType[];
+ } = useSelector((state: RootState) => state.appRoutes);
+ const { targets } = appRoutes;
+
+ const dispatch = useDispatch();
+ useEffect(() => {
+ dispatch(updateTargets(orgId));
+ }, [orgId]); // Added orgId to the dependency array
+
+ const handleResize = (): void => {
+ if (window.innerWidth <= 820 && !hideDrawer) {
+ setHideDrawer(true);
+ }
+ };
+
+ const toggleDrawer = (): void => {
+ setHideDrawer(!hideDrawer);
+ };
+
+ useEffect(() => {
+ handleResize();
+ window.addEventListener('resize', handleResize);
+ return () => {
+ window.removeEventListener('resize', handleResize);
+ };
+ }, [hideDrawer]);
+
+ return (
+ <>
+
+
+
+
+
+
+
+ {t('title')}
+
+
+
+
+
+ );
+};
+
+export default EventDashboardScreen;
+
+interface InterfaceMapType {
+ [key: string]: string;
+}
+
+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..22ddccd8d2
--- /dev/null
+++ b/src/components/EventListCard/EventListCard.test.tsx
@@ -0,0 +1,947 @@
+import React from 'react';
+import type { RenderResult } from '@testing-library/react';
+import {
+ act,
+ 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/EventActionItems/EventActionItems.module.css b/src/components/EventManagement/EventActionItems/EventActionItems.module.css
new file mode 100644
index 0000000000..120177d155
--- /dev/null
+++ b/src/components/EventManagement/EventActionItems/EventActionItems.module.css
@@ -0,0 +1,206 @@
+@media screen and (max-width: 575.5px) {
+ .mainpageright {
+ width: 98%;
+ }
+}
+.actionItemModal {
+ max-width: 80vw;
+ margin-top: 2vh;
+ margin-left: 13vw;
+}
+.modalContent {
+ width: 670px;
+ max-width: 680px;
+}
+.dropdown {
+ background-color: white;
+ border: 1px solid #31bb6b;
+ position: relative;
+ display: inline-block;
+ margin-top: 10px;
+ margin-bottom: 10px;
+ color: #31bb6b;
+}
+.input {
+ flex: 1;
+ position: relative;
+}
+
+.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;
+}
+
+.btnsContainer .input {
+ flex: 1;
+ position: relative;
+}
+
+/* input {
+ outline: 1px solid var(--bs-gray-400);
+} */
+
+.btnsContainer .input button {
+ width: 52px;
+}
+
+.inputField {
+ margin-top: 10px;
+ margin-bottom: 10px;
+ background-color: white;
+ box-shadow: 0 1px 1px #31bb6b;
+}
+.inputFieldModal {
+ margin-bottom: 10px;
+ background-color: white;
+ box-shadow: 0 1px 1px #31bb6b;
+}
+.inputField > button {
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+.TableImage {
+ object-fit: cover;
+ width: 50px !important;
+ height: 50px !important;
+ border-radius: 100% !important;
+}
+.datagrid {
+ overflow: auto;
+ border-radius: 10px;
+}
+.tableHead {
+ background-color: #31bb6b !important;
+ color: white;
+ border-radius: 20px !important;
+ padding: 20px;
+ margin-top: 20px;
+}
+
+.tableHead :nth-first-child() {
+ border-top-left-radius: 20px;
+}
+
+.mainpageright > hr {
+ margin-top: 10px;
+ width: 100%;
+ margin-left: -15px;
+ margin-right: -15px;
+ margin-bottom: 20px;
+}
+.rowBackground {
+ background-color: var(--bs-white);
+}
+.tableHeader {
+ color: var(--bs-black);
+ font-size: var(--bs-body-font-size);
+}
+.addButton {
+ width: 7em;
+ position: absolute;
+ right: 1rem;
+ top: 1rem;
+}
+
+.createModal {
+ margin-top: 20vh;
+ margin-left: 13vw;
+ max-width: 80vw;
+}
+
+.icon {
+ transform: scale(1.5);
+ color: var(--bs-danger);
+ margin-bottom: 1rem;
+}
+
+.message {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+}
+
+.titlemodal {
+ color: var(--bs-gray-600);
+ font-weight: 600;
+ font-size: 20px;
+ margin-bottom: 20px;
+ padding-bottom: 5px;
+ border-bottom: 3px solid var(--bs-primary);
+ width: 65%;
+}
+
+.editDelBtns {
+ margin-top: 15px;
+ border: 1px solid var(--bs-gray-300);
+ box-shadow: 0 2px 2px var(--bs-gray-300);
+ padding: 10px 10px;
+ border-radius: 5px;
+ background-color: var(--bs-primary);
+ width: 100%;
+ font-size: 16px;
+ color: var(--bs-white);
+ outline: none;
+ font-weight: 600;
+ cursor: pointer;
+ transition:
+ transform 0.2s,
+ box-shadow 0.2s;
+ width: 100%;
+}
+
+.greenregbtn {
+ margin-left: 93%;
+}
+
+.datatable {
+ margin-top: 5rem;
+}
+
+.datediv {
+ display: flex;
+ flex-direction: row;
+}
+.datebox {
+ width: 90%;
+ border-radius: 7px;
+ outline: none;
+ box-shadow: none;
+}
+.actionItemsOptionsButton {
+ width: 24px;
+ height: 24px;
+}
+
+@-webkit-keyframes load8 {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+@keyframes load8 {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
diff --git a/src/components/EventManagement/EventActionItems/EventActionItems.test.tsx b/src/components/EventManagement/EventActionItems/EventActionItems.test.tsx
new file mode 100644
index 0000000000..9da0b5247a
--- /dev/null
+++ b/src/components/EventManagement/EventActionItems/EventActionItems.test.tsx
@@ -0,0 +1,1179 @@
+import React from 'react';
+import { MockedProvider } from '@apollo/react-testing';
+import { LocalizationProvider } from '@mui/x-date-pickers';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import {
+ act,
+ fireEvent,
+ render,
+ screen,
+ waitFor,
+ waitForElementToBeRemoved,
+} from '@testing-library/react';
+import 'jest-localstorage-mock';
+import { Provider } from 'react-redux';
+import { BrowserRouter } from 'react-router-dom';
+import userEvent from '@testing-library/user-event';
+import { I18nextProvider } from 'react-i18next';
+import EventActionItems from './EventActionItems';
+import { store } from 'state/store';
+import 'jest-location-mock';
+import { toast } from 'react-toastify';
+import i18nForTest from 'utils/i18nForTest';
+import { StaticMockLink } from 'utils/StaticMockLink';
+import {
+ CREATE_ACTION_ITEM_MUTATION,
+ UPDATE_ACTION_ITEM_MUTATION,
+ DELETE_ACTION_ITEM_MUTATION,
+} from 'GraphQl/Mutations/ActionItemMutations';
+import {
+ ACTION_ITEM_CATEGORY_LIST,
+ MEMBERS_LIST,
+} from 'GraphQl/Queries/Queries';
+import { ACTION_ITEM_LIST_BY_EVENTS } from 'GraphQl/Queries/ActionItemQueries';
+
+async function wait(ms = 100): Promise
+
+
+
+
+
+
+
+ + + {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)}{' '} + +
+{eventData.event.title}
++ {eventData.event.description} +
++ Location: {eventData.event.location} +
++ Registrants:{' '} + {eventData.event.attendees.length} +
++
+ {/* create action item modal */} +
{t('actionItemDetails')}
+ +{t('actionItemDetails')}
+ +{t('actionItemStatus')}
+ +
+ row._id}
+ slots={{
+ noRowsOverlay: () => (
+
+ Nothing Found !!
+
+ ),
+ }}
+ sx={{
+ '&.MuiDataGrid-root .MuiDataGrid-cell:focus-within': {
+ outline: 'none !important',
+ },
+ '&.MuiDataGrid-root .MuiDataGrid-columnHeader:focus-within': {
+ outline: 'none',
+ },
+ '& .MuiDataGrid-row:hover': {
+ backgroundColor: 'transparent',
+ },
+ '& .MuiDataGrid-row.Mui-hovered': {
+ backgroundColor: 'transparent',
+ },
+ '& .MuiDataGrid-columnHeaderTitle': {
+ fontWeight: 700,
+ },
+ }}
+ getRowClassName={() => `${styles.rowBackground}`}
+ autoHeight
+ rowHeight={50}
+ columnHeaderHeight={40}
+ rows={actionItemsData?.actionItemsByEvent?.map(
+ (item: object, index: number) => ({
+ ...item,
+ index: index + 1,
+ }),
+ )}
+ columns={columns}
+ isRowSelectable={() => false}
+ />
+
+ )}
+
+ );
+}
+export default eventActionItems;
diff --git a/src/components/EventManagement/EventActionItems/useEventActionColumnConfig.tsx b/src/components/EventManagement/EventActionItems/useEventActionColumnConfig.tsx
new file mode 100644
index 0000000000..0db74323f6
--- /dev/null
+++ b/src/components/EventManagement/EventActionItems/useEventActionColumnConfig.tsx
@@ -0,0 +1,200 @@
+import React from 'react';
+import type { GridCellParams, GridColDef } from '@mui/x-data-grid';
+import { Link } from 'react-router-dom';
+import { Button, OverlayTrigger, Popover } from 'react-bootstrap';
+import styles from './EventActionItems.module.css';
+import type { InterfaceActionItemInfo } from 'utils/interfaces';
+import { useTranslation } from 'react-i18next';
+
+export type Props = {
+ eventId: string;
+ handleActionItemStatusChange: (actionItem: InterfaceActionItemInfo) => void;
+ showPreviewModal: (actionItem: InterfaceActionItemInfo) => void;
+ handleEditClick: (actionItem: InterfaceActionItemInfo) => void;
+};
+
+type ColumnConfig = {
+ columns: GridColDef[];
+};
+
+const popover = (
+ actionItemId: string,
+ actionItemNotes: string,
+): JSX.Element => {
+ return (
+
+ handleActionItemStatusChange(params.row)}
+ />
+
+
+
+ );
+ },
+ },
+ ];
+ return {
+ columns,
+ };
+};
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..b1b3ed6094
--- /dev/null
+++ b/src/components/EventManagement/EventAgendaItems/EventAgendaItems.test.tsx
@@ -0,0 +1,205 @@
+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' }),
+}));
+
+async function wait(ms = 100): Promise
+
+ );
+ }
+
+ return (
+
+
+ Error occurred while loading{' '}
+ {agendaCategoryError
+ ? 'Agenda Categories'
+ : agendaItemError && 'Agenda Items'}
+ Data
+
+
+
+ Error occurred while loading{' '}
+ {agendaCategoryError
+ ? 'Agenda Categories'
+ : agendaItemError && 'Agenda Items'}
+ Data
+
+ {agendaCategoryError
+ ? agendaCategoryError.message
+ : agendaItemError && (agendaItemError as Error).message}
+
+
+
+ );
+}
+
+export default EventAgendaItems;
diff --git a/src/components/EventManagement/EventAgendaItems/EventAgendaItemsMocks.ts b/src/components/EventManagement/EventAgendaItems/EventAgendaItemsMocks.ts
new file mode 100644
index 0000000000..619a1e70f8
--- /dev/null
+++ b/src/components/EventManagement/EventAgendaItems/EventAgendaItemsMocks.ts
@@ -0,0 +1,133 @@
+import { CREATE_AGENDA_ITEM_MUTATION } from 'GraphQl/Mutations/AgendaItemMutations';
+
+import { AgendaItemByEvent } from 'GraphQl/Queries/AgendaItemQueries';
+import { AGENDA_ITEM_CATEGORY_LIST } from 'GraphQl/Queries/AgendaCategoryQueries';
+
+export const MOCKS = [
+ {
+ request: {
+ query: AGENDA_ITEM_CATEGORY_LIST,
+ variables: { organizationId: '111' },
+ },
+ result: {
+ data: {
+ agendaItemCategoriesByOrganization: [
+ {
+ _id: 'agendaItemCategory1',
+ name: 'Category 1',
+ description: 'Test Description',
+ createdBy: {
+ _id: 'user0',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ },
+ },
+ ],
+ },
+ },
+ },
+ {
+ request: {
+ query: AgendaItemByEvent,
+ variables: { relatedEventId: '123' },
+ },
+ result: {
+ data: {
+ agendaItemByEvent: [
+ {
+ _id: 'agendaItem1',
+ title: 'AgendaItem 1',
+ description: 'AgendaItem 1 Description',
+ duration: '30',
+ attachments: [],
+ createdBy: {
+ _id: 'user0',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ },
+ urls: [],
+ users: [],
+ sequence: 1,
+ categories: [
+ {
+ _id: 'agendaItemCategory1',
+ name: 'Category 1',
+ },
+ ],
+ organization: {
+ _id: '111',
+ name: 'Unity Foundation',
+ },
+ relatedEvent: {
+ _id: '123',
+ title: 'Aerobics for Everyone',
+ },
+ },
+ ],
+ },
+ },
+ },
+ {
+ request: {
+ query: CREATE_AGENDA_ITEM_MUTATION,
+ variables: {
+ input: {
+ title: 'AgendaItem 1',
+ description: 'AgendaItem 1 Description',
+ duration: '30',
+ relatedEventId: '123',
+ organizationId: '111',
+ sequence: 1,
+ categories: ['Category 1'],
+ attachments: [],
+ urls: [],
+ },
+ },
+ },
+ result: {
+ data: {
+ createAgendaItem: {
+ _id: 'agendaItem1',
+ },
+ },
+ },
+ },
+];
+
+export const MOCKS_ERROR_MUTATION = [
+ {
+ request: {
+ query: CREATE_AGENDA_ITEM_MUTATION,
+ variables: {
+ input: {
+ title: 'AgendaItem 1',
+ description: 'AgendaItem 1 Description',
+ duration: '30',
+ relatedEventId: '123',
+ organizationId: '111',
+ sequence: 1,
+ categories: ['agendaItemCategory1'],
+ attachments: [],
+ urls: [],
+ },
+ },
+ },
+ error: new Error('Mock Graphql Error'),
+ },
+ {
+ request: {
+ query: AgendaItemByEvent,
+ variables: { relatedEventId: '123' },
+ },
+ error: new Error('Mock Graphql Error'),
+ },
+ {
+ request: {
+ query: AGENDA_ITEM_CATEGORY_LIST,
+ variables: { organizationId: '111' },
+ },
+ error: new Error('Mock Graphql Error'),
+ },
+];
+
+export const MOCKS_ERROR_QUERY = [];
diff --git a/src/components/EventRegistrantsModal/EventRegistrantsModal.module.css b/src/components/EventRegistrantsModal/EventRegistrantsModal.module.css
new file mode 100644
index 0000000000..0f78d81c01
--- /dev/null
+++ b/src/components/EventRegistrantsModal/EventRegistrantsModal.module.css
@@ -0,0 +1,43 @@
+.loader,
+.loader:after {
+ border-radius: 50%;
+ width: 10em;
+ height: 10em;
+}
+.loader {
+ margin: 60px auto;
+ margin-top: 35vh !important;
+ font-size: 10px;
+ position: relative;
+ text-indent: -9999em;
+ border-top: 1.1em solid rgba(255, 255, 255, 0.2);
+ border-right: 1.1em solid rgba(255, 255, 255, 0.2);
+ border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
+ border-left: 1.1em solid #febc59;
+ -webkit-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-animation: load8 1.1s infinite linear;
+ animation: load8 1.1s infinite linear;
+}
+
+@-webkit-keyframes load8 {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+@keyframes load8 {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
diff --git a/src/components/EventRegistrantsModal/EventRegistrantsModal.test.tsx b/src/components/EventRegistrantsModal/EventRegistrantsModal.test.tsx
new file mode 100644
index 0000000000..8a084fef24
--- /dev/null
+++ b/src/components/EventRegistrantsModal/EventRegistrantsModal.test.tsx
@@ -0,0 +1,328 @@
+import React from 'react';
+import { fireEvent, render, waitFor } from '@testing-library/react';
+import { MockedProvider } from '@apollo/react-testing';
+import { EventRegistrantsModal } from './EventRegistrantsModal';
+import { EVENT_ATTENDEES, MEMBERS_LIST } from 'GraphQl/Queries/Queries';
+import {
+ ADD_EVENT_ATTENDEE,
+ REMOVE_EVENT_ATTENDEE,
+} from 'GraphQl/Mutations/mutations';
+import { BrowserRouter } from 'react-router-dom';
+import { Provider } from 'react-redux';
+import { store } from 'state/store';
+import { I18nextProvider } from 'react-i18next';
+import i18nForTest from 'utils/i18nForTest';
+import { ToastContainer } from 'react-toastify';
+import { LocalizationProvider } from '@mui/x-date-pickers';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+
+const queryMockWithoutRegistrant = [
+ {
+ request: {
+ query: EVENT_ATTENDEES,
+ variables: { id: 'event123' },
+ },
+ result: {
+ data: {
+ event: {
+ attendees: [],
+ },
+ },
+ },
+ },
+];
+
+const queryMockWithRegistrant = [
+ {
+ request: {
+ query: EVENT_ATTENDEES,
+ variables: { id: 'event123' },
+ },
+ result: {
+ data: {
+ event: {
+ attendees: [{ _id: 'user1', firstName: 'John', lastName: 'Doe' }],
+ },
+ },
+ },
+ },
+];
+
+const queryMockOrgMembers = [
+ {
+ request: {
+ query: MEMBERS_LIST,
+ variables: { id: 'org123' },
+ },
+ result: {
+ data: {
+ organizations: [
+ {
+ _id: 'org123',
+ members: [
+ {
+ _id: 'user1',
+ firstName: 'John',
+ lastName: 'Doe',
+ email: 'johndoe@palisadoes.com',
+ image: '',
+ createdAt: '12/12/22',
+ organizationsBlockedBy: [],
+ },
+ ],
+ },
+ ],
+ },
+ },
+ },
+];
+
+const successfulAddRegistrantMock = [
+ {
+ request: {
+ query: ADD_EVENT_ATTENDEE,
+ variables: { userId: 'user1', eventId: 'event123' },
+ },
+ result: {
+ data: {
+ addEventAttendee: { _id: 'user1' },
+ },
+ },
+ },
+];
+
+const unsuccessfulAddRegistrantMock = [
+ {
+ request: {
+ query: ADD_EVENT_ATTENDEE,
+ variables: { userId: 'user1', eventId: 'event123' },
+ },
+ error: new Error('Oops'),
+ },
+];
+
+const successfulRemoveRegistrantMock = [
+ {
+ request: {
+ query: REMOVE_EVENT_ATTENDEE,
+ variables: { userId: 'user1', eventId: 'event123' },
+ },
+ result: {
+ data: {
+ removeEventAttendee: { _id: 'user1' },
+ },
+ },
+ },
+];
+
+const unsuccessfulRemoveRegistrantMock = [
+ {
+ request: {
+ query: REMOVE_EVENT_ATTENDEE,
+ variables: { userId: 'user1', eventId: 'event123' },
+ },
+ error: new Error('Oops'),
+ },
+];
+
+describe('Testing Event Registrants Modal', () => {
+ const props = {
+ show: true,
+ eventId: 'event123',
+ orgId: 'org123',
+ handleClose: jest.fn(),
+ };
+
+ test('The modal should be rendered, correct text must be displayed when there are no attendees and add attendee mutation must function properly', async () => {
+ const { queryByText, queryByLabelText } = render(
+
+
+ +
+
+
+
+
+
+
+
+ {/* setSearchValue(e.target.value)}
+ value={searchValue}
+ data-testid="search"
+ /> */}
+
+
+
+ + +
Registered Registrants
+ {attendeesData.event.attendees.length == 0 + ? `There are no registered attendees for this event.` + : null} ++ +
+
+
+ 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..e8faa75404
--- /dev/null
+++ b/src/components/IconComponent/IconComponent.test.tsx
@@ -0,0 +1,80 @@
+import { render, screen } from '@testing-library/react';
+import IconComponent from './IconComponent';
+import React from 'react';
+const screenTestIdMap: Record
+
+
+ );
+};
+
+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..54560e7969
--- /dev/null
+++ b/src/components/LeftDrawerOrg/LeftDrawerOrg.module.css
@@ -0,0 +1,350 @@
+.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 1rem 0 1rem;
+ background-color: var(--bs-white);
+ 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 .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%;
+}
+
+.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: #31bb6b33;
+ 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-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 1rem 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 0.8rem 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: 5px;
+ 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..58a7168552
--- /dev/null
+++ b/src/components/LeftDrawerOrg/LeftDrawerOrg.test.tsx
@@ -0,0 +1,433 @@
+import React 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 './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 { act } from 'react-dom/test-utils';
+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: '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 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 ? (
+ <>
+
+
+ ) : (
+
+ )}
+
+
+ {/* Options List */}
+
+
+ {({ isActive }) => (
+
+ )}
+
+ ) : (
+
+ + {tCommon('menu')} +
+ {targets.map(({ name, url }, index) => { + return url ? ( +
+
+
+ );
+};
+
+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..ac971e52ea
--- /dev/null
+++ b/src/components/LoginPortalToggle/LoginPortalToggle.test.tsx
@@ -0,0 +1,33 @@
+import React from 'react';
+import { act, 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
+
+ {props.memberImage ? (
+ 
+ ) : (
+ 
+ )}
+
+
+
+
+ + {props.memberName ? <>{props.memberName} : <>Dogs Care} +
+{props.memberLocation}
+{props.email}
+
+
+
+ + {tCommon('joined')}: {props.joinDate} +
+ + ++ + ); +} +export {}; +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!`)}
+
+
+ Error occured while loading Action Item Categories Data
+
+
+ );
+ }
+
+ const actionItemCategories = data?.actionItemCategoriesByOrganization;
+
+ return (
+ <>
+
+
+
+ Error occured while loading Action Item Categories Data
+
+ {`${error.message}`}
+
+
+ {actionItemCategories?.map((category, index) => {
+ return (
+
+
+
+
} +
+ );
+ })}
+
+
+
+ {index !== actionItemCategories.length - 1 && + {category.name} +
+
+
+
+
+ } +
+ {t('actionItemCategoryDetails')} +
+ +{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..25d7f01ed1
--- /dev/null
+++ b/src/components/OrgListCard/OrgListCard.test.tsx
@@ -0,0 +1,149 @@
+import React from 'react';
+import { act, 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..57a6e0265f
--- /dev/null
+++ b/src/components/OrgPeopleListCard/OrgPeopleListCard.test.tsx
@@ -0,0 +1,81 @@
+import React from 'react';
+import { act, 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
+
+
+
+ {image ? (
+ 
+ ) : (
+
+
+
+
+
+ {name}
++ {userData?.organizations[0].description} +
+ {address && address.city && ( +
+
+ )}
+ + {address.line1}, + {address.city}, + {address.countryCode} +
++ {tCommon('admins')}: {admins.length} + {tCommon('members')}: {members.length} +
+
+
+
+
+ {t('removeMemberMsg')}
+
+
+
+
+
+
+ );
+}
+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..863ed2822b
--- /dev/null
+++ b/src/components/OrgPostCard/OrgPostCard.test.tsx
@@ -0,0 +1,599 @@
+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')}
+ +
+
+
+ {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')}
+ +{tCommon('loading')}
; + if (error) return{error.message}
; + + return ( +
+ {data.customFieldsByOrganization.length === 0 ? (
+
+
+ {data.customFieldsByOrganization.map(
+ (
+ field: {
+ _id: string;
+ name: string;
+ type: string;
+ },
+ index: number,
+ ) => (
+
+ )}
+
+
+ );
+};
+
+export default OrgProfileFieldSettings;
diff --git a/src/components/OrgUpdate/OrgUpdate.module.css b/src/components/OrgUpdate/OrgUpdate.module.css
new file mode 100644
index 0000000000..fca7ac5e5b
--- /dev/null
+++ b/src/components/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/OrgUpdate/OrgUpdate.test.tsx b/src/components/OrgUpdate/OrgUpdate.test.tsx
new file mode 100644
index 0000000000..9c56a61d78
--- /dev/null
+++ b/src/components/OrgUpdate/OrgUpdate.test.tsx
@@ -0,0 +1,242 @@
+import React from 'react';
+import { MockedProvider } from '@apollo/react-testing';
+import { act, 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} | ++ + | +
+
+
+
+
+
+
+
+
+
+ Error occured while loading Organization Data
+
+
+ );
+ }
+
+ return (
+ <>
+
+ Error occured while loading Organization Data
+
+ {`${error.message}`}
+
+
+
+
+
+ );
+}
+export default orgUpdate;
diff --git a/src/components/OrgUpdate/OrgUpdateMocks.ts b/src/components/OrgUpdate/OrgUpdateMocks.ts
new file mode 100644
index 0000000000..4c7f704719
--- /dev/null
+++ b/src/components/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..e0095d20b2
--- /dev/null
+++ b/src/components/OrganizationCard/OrganizationCard.test.tsx
@@ -0,0 +1,41 @@
+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',
+ key: '456',
+ image: 'https://via.placeholder.com/80',
+ firstName: 'John',
+ lastName: 'Doe',
+ name: 'Sample',
+ };
+
+ render(
+
+
+
+ );
+}
+
+export {};
+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..2a9f03a9be
--- /dev/null
+++ b/src/components/OrganizationCardStart/OrganizationCardStart.test.tsx
@@ -0,0 +1,31 @@
+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',
+ key: '456',
+ 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..923128c2f2
--- /dev/null
+++ b/src/components/OrganizationDashCards/CardItemLoading.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import styles from './CardItem.module.css';
+
+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;
+
+interface InterfaceMapType {
+ [key: string]: string;
+}
+
+const map: InterfaceMapType = {
+ orgdash: 'dashboard',
+ orgpeople: 'organizationPeople',
+ 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',
+};
diff --git a/src/components/Pagination/Pagination.test.tsx b/src/components/Pagination/Pagination.test.tsx
new file mode 100644
index 0000000000..b8161c4c84
--- /dev/null
+++ b/src/components/Pagination/Pagination.test.tsx
@@ -0,0 +1,61 @@
+import React 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', () => {
+ render(
+
+
+
+
+ {t('title')}
+
+
+
+ {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;
+
+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..e8400c84ef
--- /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; + })} + |
|---|---|
| + + | + ); + }, + )} +
+
+
+
+ );
+};
+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..f6aa3e374b
--- /dev/null
+++ b/src/components/UserPortal/ChatRoom/ChatRoom.module.css
@@ -0,0 +1,110 @@
+.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;
+}
+
+.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;
+}
+
+.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;
+}
+
+.messageTime {
+ font-size: 10px;
+ display: flex;
+ align-items: flex-end;
+ justify-content: flex-end;
+ margin-bottom: 0px;
+}
+
+.messageContent {
+ margin-bottom: 0px;
+}
+
+.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;
+}
diff --git a/src/components/UserPortal/ChatRoom/ChatRoom.test.tsx b/src/components/UserPortal/ChatRoom/ChatRoom.test.tsx
new file mode 100644
index 0000000000..7d72837767
--- /dev/null
+++ b/src/components/UserPortal/ChatRoom/ChatRoom.test.tsx
@@ -0,0 +1,907 @@
+import React from 'react';
+
+import {
+ act,
+ render,
+ screen,
+ fireEvent,
+ waitFor,
+ findAllByTestId,
+} from '@testing-library/react';
+import { 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 { StaticMockLink } from 'utils/StaticMockLink';
+import {
+ DIRECT_CHAT_BY_ID,
+ GROUP_CHAT_BY_ID,
+} from 'GraphQl/Queries/PlugInQueries';
+import {
+ MESSAGE_SENT_TO_DIRECT_CHAT,
+ MESSAGE_SENT_TO_GROUP_CHAT,
+ SEND_MESSAGE_TO_DIRECT_CHAT,
+ SEND_MESSAGE_TO_GROUP_CHAT,
+} from 'GraphQl/Mutations/OrganizationMutations';
+import userEvent from '@testing-library/user-event';
+import ChatRoom from './ChatRoom';
+import { useLocalStorage } from 'utils/useLocalstorage';
+
+const { setItem } = useLocalStorage();
+
+const link = new StaticMockLink([], true);
+
+async function wait(ms = 100): Promise
+ {!props.selectedContact ? (
+
+ );
+}
diff --git a/src/components/UserPortal/CommentCard/CommentCard.module.css b/src/components/UserPortal/CommentCard/CommentCard.module.css
new file mode 100644
index 0000000000..b765d60bbd
--- /dev/null
+++ b/src/components/UserPortal/CommentCard/CommentCard.module.css
@@ -0,0 +1,44 @@
+.mainContainer {
+ width: auto;
+ overflow: hidden;
+ background-color: white;
+ margin-top: 1rem;
+ padding: 0.5rem;
+ border: 1px solid #dddddd;
+ border-radius: 10px;
+}
+
+.personDetails {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+}
+
+.personImage {
+ border-radius: 50%;
+ margin-right: 20px;
+}
+
+.cardActions {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ gap: 10px;
+ margin-top: 10px;
+}
+
+.cardActionBtn {
+ background-color: rgba(0, 0, 0, 0);
+ border: none;
+ color: black;
+}
+
+.cardActionBtn:hover {
+ background-color: ghostwhite;
+ border: none;
+ color: green !important;
+}
+
+.likeIcon {
+ width: 20px;
+}
diff --git a/src/components/UserPortal/CommentCard/CommentCard.test.tsx b/src/components/UserPortal/CommentCard/CommentCard.test.tsx
new file mode 100644
index 0000000000..35b81167fc
--- /dev/null
+++ b/src/components/UserPortal/CommentCard/CommentCard.test.tsx
@@ -0,0 +1,241 @@
+import React from 'react';
+import { MockedProvider } from '@apollo/react-testing';
+import { act, render, screen } from '@testing-library/react';
+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 { StaticMockLink } from 'utils/StaticMockLink';
+
+import CommentCard from './CommentCard';
+import userEvent from '@testing-library/user-event';
+import { LIKE_COMMENT, UNLIKE_COMMENT } from 'GraphQl/Mutations/mutations';
+import useLocalStorage from 'utils/useLocalstorage';
+
+const { getItem, setItem } = useLocalStorage();
+
+async function wait(ms = 100): Promise
+
+ ) : (
+ <>
+ {t('selectContact')}
+
+
+
+
+
+
+ {chatTitle}
++ {chatSubtitle}{' '} + {props.selectedChatType == 'direct' ? '' : 'members'} +
+
+
+
+ {!!(
+ directChat?.messages.length || groupChat?.messages.length
+ ) && (
+
+
+ {props.selectedChatType == 'direct'
+ ? directChat?.messages.map(
+ (message: DirectMessage, index: number) => {
+ return (
+
+ )}
+
+
+ );
+ },
+ )
+ : groupChat?.messages.map(
+ (message: DirectMessage, index: number) => {
+ return (
+
+
+ {message.messageContent}
+
+
+ {new Date(
+ message?.createdAt,
+ ).toLocaleTimeString('it-IT', {
+ hour: '2-digit',
+ minute: '2-digit',
+ })}
+
+
+
+ {message.sender._id !== userId ? (
+ message.sender?.image ? (
+ 
+ ) : (
+
+ );
+ },
+ )}
+
+ {message.sender._id !== userId && (
+
+ + {message.sender.firstName + + ' ' + + message.sender.lastName} +
+ )} + + {message.messageContent} + + + {new Date( + message?.createdAt, + ).toLocaleTimeString('it-IT', { + hour: '2-digit', + minute: '2-digit', + })} + +
+
+
+
+
+ )}
+
+
+ );
+}
+
+export default commentCard;
diff --git a/src/components/UserPortal/ContactCard/ContactCard.module.css b/src/components/UserPortal/ContactCard/ContactCard.module.css
new file mode 100644
index 0000000000..19d66596c9
--- /dev/null
+++ b/src/components/UserPortal/ContactCard/ContactCard.module.css
@@ -0,0 +1,37 @@
+.contact {
+ display: flex;
+ flex-direction: row;
+ padding: 5px 10px;
+ cursor: pointer;
+ border-radius: 10px;
+ /* margin-bottom: 10px; */
+ /* border: 2px solid #f5f5f5; */
+}
+
+.contactImage {
+ width: 45px !important;
+ height: auto !important;
+ border-radius: 10px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.contactNameContainer {
+ display: flex;
+ flex-direction: column;
+ padding: 0px 10px;
+ justify-content: center;
+}
+
+.grey {
+ color: grey;
+}
+
+.bgGreen {
+ background-color: rgba(196, 255, 211, 0.3);
+}
+
+.bgWhite {
+ background-color: white;
+}
diff --git a/src/components/UserPortal/ContactCard/ContactCard.test.tsx b/src/components/UserPortal/ContactCard/ContactCard.test.tsx
new file mode 100644
index 0000000000..7f55196bb0
--- /dev/null
+++ b/src/components/UserPortal/ContactCard/ContactCard.test.tsx
@@ -0,0 +1,117 @@
+import React from 'react';
+import { act, render, screen } from '@testing-library/react';
+import { 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 { StaticMockLink } from 'utils/StaticMockLink';
+import ContactCard from './ContactCard';
+import userEvent from '@testing-library/user-event';
+
+const link = new StaticMockLink([], true);
+
+async function wait(ms = 100): Promise
+
+
+
+ {props.text}
+
+
+ {`${likes} Likes`}
+
+
+ {props.image ? (
+
+ ) : (
+
+
+ );
+}
+
+export default contactCard;
diff --git a/src/components/UserPortal/CreateDirectChat/CreateDirectChat.module.css b/src/components/UserPortal/CreateDirectChat/CreateDirectChat.module.css
new file mode 100644
index 0000000000..3795e402fa
--- /dev/null
+++ b/src/components/UserPortal/CreateDirectChat/CreateDirectChat.module.css
@@ -0,0 +1,9 @@
+.userData {
+ height: 400px;
+ overflow-y: scroll;
+ overflow-x: hidden !important;
+}
+
+.modalContent {
+ width: 530px;
+}
diff --git a/src/components/UserPortal/CreateDirectChat/CreateDirectChat.test.tsx b/src/components/UserPortal/CreateDirectChat/CreateDirectChat.test.tsx
new file mode 100644
index 0000000000..b8c1dd86fb
--- /dev/null
+++ b/src/components/UserPortal/CreateDirectChat/CreateDirectChat.test.tsx
@@ -0,0 +1,2204 @@
+import React from 'react';
+import {
+ act,
+ fireEvent,
+ render,
+ screen,
+ waitFor,
+} from '@testing-library/react';
+import { MockedProvider } from '@apollo/react-testing';
+import { I18nextProvider, useTranslation } from 'react-i18next';
+
+import {
+ DIRECT_CHATS_LIST,
+ USERS_CONNECTION_LIST,
+} from 'GraphQl/Queries/Queries';
+import { BrowserRouter } from 'react-router-dom';
+import { Provider } from 'react-redux';
+import { store } from 'state/store';
+import i18nForTest from 'utils/i18nForTest';
+import Chat from '../../../screens/UserPortal/Chat/Chat';
+import {
+ CREATE_DIRECT_CHAT,
+ MESSAGE_SENT_TO_DIRECT_CHAT,
+ MESSAGE_SENT_TO_GROUP_CHAT,
+} from 'GraphQl/Mutations/OrganizationMutations';
+import {
+ DIRECT_CHAT_BY_ID,
+ GROUP_CHAT_BY_ID,
+ GROUP_CHAT_LIST,
+} from 'GraphQl/Queries/PlugInQueries';
+import useLocalStorage from 'utils/useLocalstorage';
+
+const { setItem } = useLocalStorage();
+
+const MOCKS = [
+ {
+ request: {
+ query: GROUP_CHAT_LIST,
+ variables: {
+ id: null,
+ },
+ },
+ result: {
+ data: {
+ groupChatsByUserId: [
+ {
+ _id: '1',
+ creator: {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@example.com',
+ },
+ messages: {
+ _id: '1',
+ createdAt: '',
+ messageContent: 'Hello',
+ sender: {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@email.com',
+ },
+ },
+ title: 'Test GroupChat',
+ organization: {
+ _id: '1',
+ name: 'Test Org',
+ },
+ users: [
+ {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@email.com',
+ image: 'img',
+ },
+ ],
+ },
+ {
+ _id: '2',
+ creator: {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@example.com',
+ },
+ messages: {
+ _id: '1',
+ createdAt: '',
+ messageContent: 'Hello',
+ sender: {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@email.com',
+ },
+ },
+ title: 'Test GroupChat',
+ organization: {
+ _id: '1',
+ name: 'Test Org',
+ },
+ users: [
+ {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@email.com',
+ image: 'img',
+ },
+ ],
+ },
+ ],
+ },
+ },
+ },
+ {
+ request: {
+ query: GROUP_CHAT_LIST,
+ variables: {
+ id: '1',
+ },
+ },
+ result: {
+ data: {
+ groupChatsByUserId: [
+ {
+ _id: '1',
+ creator: {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@example.com',
+ },
+ messages: {
+ _id: '1',
+ createdAt: '',
+ messageContent: 'Hello',
+ sender: {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@email.com',
+ },
+ },
+ title: 'Test GroupChat',
+ organization: {
+ _id: '1',
+ name: 'Test Org',
+ },
+ users: [
+ {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@email.com',
+ image: 'img',
+ },
+ ],
+ },
+ {
+ _id: '2',
+ creator: {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@example.com',
+ },
+ messages: {
+ _id: '1',
+ createdAt: '',
+ messageContent: 'Hello',
+ sender: {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@email.com',
+ },
+ },
+ title: 'Test GroupChat',
+ organization: {
+ _id: '1',
+ name: 'Test Org',
+ },
+ users: [
+ {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@email.com',
+ image: 'img',
+ },
+ ],
+ },
+ ],
+ },
+ },
+ },
+ {
+ request: {
+ query: GROUP_CHAT_LIST,
+ variables: {
+ id: null,
+ },
+ },
+ result: {
+ data: {
+ groupChatsByUserId: [
+ {
+ _id: '1',
+ creator: {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@example.com',
+ },
+ messages: {
+ _id: '1',
+ createdAt: '',
+ messageContent: 'Hello',
+ sender: {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@email.com',
+ },
+ },
+ title: 'Test GroupChat',
+ organization: {
+ _id: '1',
+ name: 'Test Org',
+ },
+ users: [
+ {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@email.com',
+ image: 'img',
+ },
+ ],
+ },
+ {
+ _id: '1',
+ creator: {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@example.com',
+ },
+ messages: {
+ _id: '1',
+ createdAt: '',
+ messageContent: 'Hello',
+ sender: {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@email.com',
+ },
+ },
+ title: 'Test GroupChat',
+ organization: {
+ _id: '1',
+ name: 'Test Org',
+ },
+ users: [
+ {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@email.com',
+ image: 'img',
+ },
+ ],
+ },
+ ],
+ },
+ },
+ },
+ {
+ request: {
+ query: DIRECT_CHATS_LIST,
+ variables: {
+ id: null,
+ },
+ },
+ result: {
+ data: {
+ directChatsByUserID: [
+ {
+ _id: '666c88dd92e995354d98527c',
+ creator: {
+ _id: '65378abd85008f171cf2990d',
+ firstName: 'Vyvyan',
+ lastName: 'Kerry',
+ email: 'testadmin1@example.com',
+ __typename: 'User',
+ },
+ messages: [
+ {
+ _id: '668930bae43ce54e6e302cf1',
+ createdAt: '2024-07-06T11:55:38.933Z',
+ messageContent: 'hJnkank',
+ receiver: {
+ _id: '65378abd85008f171cf2990d',
+ firstName: 'Vyvyan',
+ lastName: 'Kerry',
+ email: 'testadmin1@example.com',
+ __typename: 'User',
+ },
+ sender: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ email: 'testsuperadmin@example.com',
+ __typename: 'User',
+ },
+ __typename: 'DirectChatMessage',
+ },
+ ],
+ organization: {
+ _id: '6737904485008f171cf29924',
+ name: 'Unity Foundation',
+ __typename: 'Organization',
+ },
+ users: [
+ {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ email: 'testsuperadmin@example.com',
+ image: null,
+ __typename: 'User',
+ },
+ {
+ _id: '65378abd85008f171cf2990d',
+ firstName: 'Vyvyan',
+ lastName: 'Kerry',
+ email: 'testadmin1@example.com',
+ image: null,
+ __typename: 'User',
+ },
+ ],
+ __typename: 'DirectChat',
+ },
+ {
+ _id: '666f09c892e995354d98a5ee',
+ creator: {
+ _id: '67378abd85008f171cf2990d',
+ firstName: 'Darcy',
+ lastName: 'Wilf',
+ email: 'testadmin3@example.com',
+ __typename: 'User',
+ },
+ messages: [
+ {
+ _id: '6676932692e995354d98ab7f',
+ createdAt: '2024-06-22T09:02:30.776Z',
+ messageContent: 'hii',
+ receiver: {
+ _id: '67378abd85008f171cf2990d',
+ firstName: 'Darcy',
+ lastName: 'Wilf',
+ email: 'testadmin3@example.com',
+ __typename: 'User',
+ },
+ sender: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ email: 'testsuperadmin@example.com',
+ __typename: 'User',
+ },
+ __typename: 'DirectChatMessage',
+ },
+ ],
+ organization: {
+ _id: '6737904485008f171cf29924',
+ name: 'Unity Foundation',
+ __typename: 'Organization',
+ },
+ users: [
+ {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ email: 'testsuperadmin@example.com',
+ image: null,
+ __typename: 'User',
+ },
+ {
+ _id: '67378abd85008f171cf2990d',
+ firstName: 'Darcy',
+ lastName: 'Wilf',
+ email: 'testadmin3@example.com',
+ image: null,
+ __typename: 'User',
+ },
+ ],
+ __typename: 'DirectChat',
+ },
+ ],
+ },
+ },
+ },
+ {
+ request: {
+ query: DIRECT_CHATS_LIST,
+ variables: {
+ id: '1',
+ },
+ },
+ result: {
+ data: {
+ directChatsByUserID: [
+ {
+ _id: '666c88dd92e995354d98527c',
+ creator: {
+ _id: '65378abd85008f171cf2990d',
+ firstName: 'Vyvyan',
+ lastName: 'Kerry',
+ email: 'testadmin1@example.com',
+ __typename: 'User',
+ },
+ messages: [
+ {
+ _id: '668930bae43ce54e6e302cf1',
+ createdAt: '2024-07-06T11:55:38.933Z',
+ messageContent: 'hJnkank',
+ receiver: {
+ _id: '65378abd85008f171cf2990d',
+ firstName: 'Vyvyan',
+ lastName: 'Kerry',
+ email: 'testadmin1@example.com',
+ __typename: 'User',
+ },
+ sender: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ email: 'testsuperadmin@example.com',
+ __typename: 'User',
+ },
+ __typename: 'DirectChatMessage',
+ },
+ ],
+ organization: {
+ _id: '6737904485008f171cf29924',
+ name: 'Unity Foundation',
+ __typename: 'Organization',
+ },
+ users: [
+ {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ email: 'testsuperadmin@example.com',
+ image: null,
+ __typename: 'User',
+ },
+ {
+ _id: '65378abd85008f171cf2990d',
+ firstName: 'Vyvyan',
+ lastName: 'Kerry',
+ email: 'testadmin1@example.com',
+ image: null,
+ __typename: 'User',
+ },
+ ],
+ __typename: 'DirectChat',
+ },
+ {
+ _id: '666f09c892e995354d98a5ee',
+ creator: {
+ _id: '67378abd85008f171cf2990d',
+ firstName: 'Darcy',
+ lastName: 'Wilf',
+ email: 'testadmin3@example.com',
+ __typename: 'User',
+ },
+ messages: [
+ {
+ _id: '6676932692e995354d98ab7f',
+ createdAt: '2024-06-22T09:02:30.776Z',
+ messageContent: 'hii',
+ receiver: {
+ _id: '67378abd85008f171cf2990d',
+ firstName: 'Darcy',
+ lastName: 'Wilf',
+ email: 'testadmin3@example.com',
+ __typename: 'User',
+ },
+ sender: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ email: 'testsuperadmin@example.com',
+ __typename: 'User',
+ },
+ __typename: 'DirectChatMessage',
+ },
+ ],
+ organization: {
+ _id: '6737904485008f171cf29924',
+ name: 'Unity Foundation',
+ __typename: 'Organization',
+ },
+ users: [
+ {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ email: 'testsuperadmin@example.com',
+ image: null,
+ __typename: 'User',
+ },
+ {
+ _id: '67378abd85008f171cf2990d',
+ firstName: 'Darcy',
+ lastName: 'Wilf',
+ email: 'testadmin3@example.com',
+ image: null,
+ __typename: 'User',
+ },
+ ],
+ __typename: 'DirectChat',
+ },
+ ],
+ },
+ },
+ },
+ {
+ request: {
+ query: DIRECT_CHATS_LIST,
+ variables: {
+ id: '1',
+ },
+ },
+ result: {
+ data: {
+ directChatsByUserID: [
+ {
+ _id: '666c88dd92e995354d98527c',
+ creator: {
+ _id: '65378abd85008f171cf2990d',
+ firstName: 'Vyvyan',
+ lastName: 'Kerry',
+ email: 'testadmin1@example.com',
+ __typename: 'User',
+ },
+ messages: [
+ {
+ _id: '668930bae43ce54e6e302cf1',
+ createdAt: '2024-07-06T11:55:38.933Z',
+ messageContent: 'hJnkank',
+ receiver: {
+ _id: '65378abd85008f171cf2990d',
+ firstName: 'Vyvyan',
+ lastName: 'Kerry',
+ email: 'testadmin1@example.com',
+ __typename: 'User',
+ },
+ sender: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ email: 'testsuperadmin@example.com',
+ __typename: 'User',
+ },
+ __typename: 'DirectChatMessage',
+ },
+ ],
+ organization: {
+ _id: '6737904485008f171cf29924',
+ name: 'Unity Foundation',
+ __typename: 'Organization',
+ },
+ users: [
+ {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ email: 'testsuperadmin@example.com',
+ image: null,
+ __typename: 'User',
+ },
+ {
+ _id: '65378abd85008f171cf2990d',
+ firstName: 'Vyvyan',
+ lastName: 'Kerry',
+ email: 'testadmin1@example.com',
+ image: null,
+ __typename: 'User',
+ },
+ ],
+ __typename: 'DirectChat',
+ },
+ {
+ _id: '666f09c892e995354d98a5ee',
+ creator: {
+ _id: '67378abd85008f171cf2990d',
+ firstName: 'Darcy',
+ lastName: 'Wilf',
+ email: 'testadmin3@example.com',
+ __typename: 'User',
+ },
+ messages: [
+ {
+ _id: '6676932692e995354d98ab7f',
+ createdAt: '2024-06-22T09:02:30.776Z',
+ messageContent: 'hii',
+ receiver: {
+ _id: '67378abd85008f171cf2990d',
+ firstName: 'Darcy',
+ lastName: 'Wilf',
+ email: 'testadmin3@example.com',
+ __typename: 'User',
+ },
+ sender: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ email: 'testsuperadmin@example.com',
+ __typename: 'User',
+ },
+ __typename: 'DirectChatMessage',
+ },
+ ],
+ organization: {
+ _id: '6737904485008f171cf29924',
+ name: 'Unity Foundation',
+ __typename: 'Organization',
+ },
+ users: [
+ {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ email: 'testsuperadmin@example.com',
+ image: null,
+ __typename: 'User',
+ },
+ {
+ _id: '67378abd85008f171cf2990d',
+ firstName: 'Darcy',
+ lastName: 'Wilf',
+ email: 'testadmin3@example.com',
+ image: null,
+ __typename: 'User',
+ },
+ ],
+ __typename: 'DirectChat',
+ },
+ ],
+ },
+ },
+ },
+ {
+ request: {
+ query: DIRECT_CHATS_LIST,
+ variables: {
+ id: '1',
+ },
+ },
+ result: {
+ data: {
+ directChatsByUserID: [
+ {
+ _id: '666c88dd92e995354d98527c',
+ creator: {
+ _id: '65378abd85008f171cf2990d',
+ firstName: 'Vyvyan',
+ lastName: 'Kerry',
+ email: 'testadmin1@example.com',
+ __typename: 'User',
+ },
+ messages: [
+ {
+ _id: '668930bae43ce54e6e302cf1',
+ createdAt: '2024-07-06T11:55:38.933Z',
+ messageContent: 'hJnkank',
+ receiver: {
+ _id: '65378abd85008f171cf2990d',
+ firstName: 'Vyvyan',
+ lastName: 'Kerry',
+ email: 'testadmin1@example.com',
+ __typename: 'User',
+ },
+ sender: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ email: 'testsuperadmin@example.com',
+ __typename: 'User',
+ },
+ __typename: 'DirectChatMessage',
+ },
+ ],
+ organization: {
+ _id: '6737904485008f171cf29924',
+ name: 'Unity Foundation',
+ __typename: 'Organization',
+ },
+ users: [
+ {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ email: 'testsuperadmin@example.com',
+ image: null,
+ __typename: 'User',
+ },
+ {
+ _id: '65378abd85008f171cf2990d',
+ firstName: 'Vyvyan',
+ lastName: 'Kerry',
+ email: 'testadmin1@example.com',
+ image: null,
+ __typename: 'User',
+ },
+ ],
+ __typename: 'DirectChat',
+ },
+ {
+ _id: '666f09c892e995354d98a5ee',
+ creator: {
+ _id: '67378abd85008f171cf2990d',
+ firstName: 'Darcy',
+ lastName: 'Wilf',
+ email: 'testadmin3@example.com',
+ __typename: 'User',
+ },
+ messages: [
+ {
+ _id: '6676932692e995354d98ab7f',
+ createdAt: '2024-06-22T09:02:30.776Z',
+ messageContent: 'hii',
+ receiver: {
+ _id: '67378abd85008f171cf2990d',
+ firstName: 'Darcy',
+ lastName: 'Wilf',
+ email: 'testadmin3@example.com',
+ __typename: 'User',
+ },
+ sender: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ email: 'testsuperadmin@example.com',
+ __typename: 'User',
+ },
+ __typename: 'DirectChatMessage',
+ },
+ ],
+ organization: {
+ _id: '6737904485008f171cf29924',
+ name: 'Unity Foundation',
+ __typename: 'Organization',
+ },
+ users: [
+ {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ email: 'testsuperadmin@example.com',
+ image: null,
+ __typename: 'User',
+ },
+ {
+ _id: '67378abd85008f171cf2990d',
+ firstName: 'Darcy',
+ lastName: 'Wilf',
+ email: 'testadmin3@example.com',
+ image: null,
+ __typename: 'User',
+ },
+ ],
+ __typename: 'DirectChat',
+ },
+ ],
+ },
+ },
+ },
+ {
+ request: {
+ query: DIRECT_CHATS_LIST,
+ variables: {
+ id: '',
+ },
+ },
+ result: {
+ data: {
+ directChatsByUserID: [
+ {
+ _id: '666c88dd92e995354d98527c',
+ creator: {
+ _id: '65378abd85008f171cf2990d',
+ firstName: 'Vyvyan',
+ lastName: 'Kerry',
+ email: 'testadmin1@example.com',
+ __typename: 'User',
+ },
+ messages: [
+ {
+ _id: '668930bae43ce54e6e302cf1',
+ createdAt: '2024-07-06T11:55:38.933Z',
+ messageContent: 'hJnkank',
+ receiver: {
+ _id: '65378abd85008f171cf2990d',
+ firstName: 'Vyvyan',
+ lastName: 'Kerry',
+ email: 'testadmin1@example.com',
+ __typename: 'User',
+ },
+ sender: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ email: 'testsuperadmin@example.com',
+ __typename: 'User',
+ },
+ __typename: 'DirectChatMessage',
+ },
+ ],
+ organization: {
+ _id: '6737904485008f171cf29924',
+ name: 'Unity Foundation',
+ __typename: 'Organization',
+ },
+ users: [
+ {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ email: 'testsuperadmin@example.com',
+ image: null,
+ __typename: 'User',
+ },
+ {
+ _id: '65378abd85008f171cf2990d',
+ firstName: 'Vyvyan',
+ lastName: 'Kerry',
+ email: 'testadmin1@example.com',
+ image: null,
+ __typename: 'User',
+ },
+ ],
+ __typename: 'DirectChat',
+ },
+ {
+ _id: '666f09c892e995354d98a5ee',
+ creator: {
+ _id: '67378abd85008f171cf2990d',
+ firstName: 'Darcy',
+ lastName: 'Wilf',
+ email: 'testadmin3@example.com',
+ __typename: 'User',
+ },
+ messages: [
+ {
+ _id: '6676932692e995354d98ab7f',
+ createdAt: '2024-06-22T09:02:30.776Z',
+ messageContent: 'hii',
+ receiver: {
+ _id: '67378abd85008f171cf2990d',
+ firstName: 'Darcy',
+ lastName: 'Wilf',
+ email: 'testadmin3@example.com',
+ __typename: 'User',
+ },
+ sender: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ email: 'testsuperadmin@example.com',
+ __typename: 'User',
+ },
+ __typename: 'DirectChatMessage',
+ },
+ ],
+ organization: {
+ _id: '6737904485008f171cf29924',
+ name: 'Unity Foundation',
+ __typename: 'Organization',
+ },
+ users: [
+ {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ email: 'testsuperadmin@example.com',
+ image: null,
+ __typename: 'User',
+ },
+ {
+ _id: '67378abd85008f171cf2990d',
+ firstName: 'Darcy',
+ lastName: 'Wilf',
+ email: 'testadmin3@example.com',
+ image: null,
+ __typename: 'User',
+ },
+ ],
+ __typename: 'DirectChat',
+ },
+ ],
+ },
+ },
+ },
+];
+
+const UserConnectionListMock = [
+ {
+ request: {
+ query: USERS_CONNECTION_LIST,
+ variables: {
+ firstName_contains: '',
+ lastName_contains: '',
+ },
+ },
+ result: {
+ data: {
+ users: [
+ {
+ user: {
+ firstName: 'Deanne',
+ lastName: 'Marks',
+ image: null,
+ _id: '6589389d2caa9d8d69087487',
+ email: 'testuser8@example.com',
+ createdAt: '2023-04-13T04:53:17.742Z',
+ organizationsBlockedBy: [],
+ joinedOrganizations: [
+ {
+ _id: '6537904485008f171cf29924',
+ name: 'Unity Foundation',
+ image: null,
+ address: {
+ city: 'Queens',
+ countryCode: 'US',
+ dependentLocality: 'Some Dependent Locality',
+ line1: '123 Coffee Street',
+ line2: 'Apartment 501',
+ postalCode: '11427',
+ sortingCode: 'ABC-133',
+ state: 'NYC',
+ __typename: 'Address',
+ },
+ createdAt: '2023-04-13T05:16:52.827Z',
+ creator: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ image: null,
+ email: 'testsuperadmin@example.com',
+ createdAt: '2023-04-13T04:53:17.742Z',
+ __typename: 'User',
+ },
+ __typename: 'Organization',
+ },
+ {
+ _id: '6637904485008f171cf29924',
+ name: 'Unity Foundation',
+ image: null,
+ address: {
+ city: 'Staten Island',
+ countryCode: 'US',
+ dependentLocality: 'Some Dependent Locality',
+ line1: '123 church Street',
+ line2: 'Apartment 499',
+ postalCode: '10301',
+ sortingCode: 'ABC-122',
+ state: 'NYC',
+ __typename: 'Address',
+ },
+ createdAt: '2023-04-13T05:16:52.827Z',
+ creator: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ image: null,
+ email: 'testsuperadmin@example.com',
+ createdAt: '2023-04-13T04:53:17.742Z',
+ __typename: 'User',
+ },
+ __typename: 'Organization',
+ },
+ {
+ _id: '6737904485008f171cf29924',
+ name: 'Unity Foundation',
+ image: null,
+ address: {
+ city: 'Brooklyn',
+ countryCode: 'US',
+ dependentLocality: 'Sample Dependent Locality',
+ line1: '123 Main Street',
+ line2: 'Apt 456',
+ postalCode: '10004',
+ sortingCode: 'ABC-789',
+ state: 'NY',
+ __typename: 'Address',
+ },
+ createdAt: '2023-04-13T05:16:52.827Z',
+ creator: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ image: null,
+ email: 'testsuperadmin@example.com',
+ createdAt: '2023-04-13T04:53:17.742Z',
+ __typename: 'User',
+ },
+ __typename: 'Organization',
+ },
+ {
+ _id: '6437904485008f171cf29924',
+ name: 'Unity Foundation',
+ image: null,
+ address: {
+ city: 'Bronx',
+ countryCode: 'US',
+ dependentLocality: 'Some Dependent Locality',
+ line1: '123 Random Street',
+ line2: 'Apartment 456',
+ postalCode: '10451',
+ sortingCode: 'ABC-123',
+ state: 'NYC',
+ __typename: 'Address',
+ },
+ createdAt: '2023-04-13T05:16:52.827Z',
+ creator: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ image: null,
+ email: 'testsuperadmin@example.com',
+ createdAt: '2023-04-13T04:53:17.742Z',
+ __typename: 'User',
+ },
+ __typename: 'Organization',
+ },
+ ],
+ __typename: 'User',
+ },
+ appUserProfile: {
+ _id: '64378abd85308f171cf2993d',
+ adminFor: [],
+ isSuperAdmin: false,
+ createdOrganizations: [],
+ createdEvents: [],
+ eventAdmin: [],
+ __typename: 'AppUserProfile',
+ },
+ __typename: 'UserData',
+ },
+ ],
+ },
+ },
+ },
+ {
+ request: {
+ query: USERS_CONNECTION_LIST,
+ variables: {
+ firstName_contains: 'Disha',
+ lastName_contains: '',
+ },
+ },
+ result: {
+ data: {
+ users: [
+ {
+ user: {
+ firstName: 'Deanne',
+ lastName: 'Marks',
+ image: null,
+ _id: '6589389d2caa9d8d69087487',
+ email: 'testuser8@example.com',
+ createdAt: '2023-04-13T04:53:17.742Z',
+ organizationsBlockedBy: [],
+ joinedOrganizations: [
+ {
+ _id: '6537904485008f171cf29924',
+ name: 'Unity Foundation',
+ image: null,
+ address: {
+ city: 'Queens',
+ countryCode: 'US',
+ dependentLocality: 'Some Dependent Locality',
+ line1: '123 Coffee Street',
+ line2: 'Apartment 501',
+ postalCode: '11427',
+ sortingCode: 'ABC-133',
+ state: 'NYC',
+ __typename: 'Address',
+ },
+ createdAt: '2023-04-13T05:16:52.827Z',
+ creator: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ image: null,
+ email: 'testsuperadmin@example.com',
+ createdAt: '2023-04-13T04:53:17.742Z',
+ __typename: 'User',
+ },
+ __typename: 'Organization',
+ },
+ {
+ _id: '6637904485008f171cf29924',
+ name: 'Unity Foundation',
+ image: null,
+ address: {
+ city: 'Staten Island',
+ countryCode: 'US',
+ dependentLocality: 'Some Dependent Locality',
+ line1: '123 church Street',
+ line2: 'Apartment 499',
+ postalCode: '10301',
+ sortingCode: 'ABC-122',
+ state: 'NYC',
+ __typename: 'Address',
+ },
+ createdAt: '2023-04-13T05:16:52.827Z',
+ creator: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ image: null,
+ email: 'testsuperadmin@example.com',
+ createdAt: '2023-04-13T04:53:17.742Z',
+ __typename: 'User',
+ },
+ __typename: 'Organization',
+ },
+ {
+ _id: '6737904485008f171cf29924',
+ name: 'Unity Foundation',
+ image: null,
+ address: {
+ city: 'Brooklyn',
+ countryCode: 'US',
+ dependentLocality: 'Sample Dependent Locality',
+ line1: '123 Main Street',
+ line2: 'Apt 456',
+ postalCode: '10004',
+ sortingCode: 'ABC-789',
+ state: 'NY',
+ __typename: 'Address',
+ },
+ createdAt: '2023-04-13T05:16:52.827Z',
+ creator: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ image: null,
+ email: 'testsuperadmin@example.com',
+ createdAt: '2023-04-13T04:53:17.742Z',
+ __typename: 'User',
+ },
+ __typename: 'Organization',
+ },
+ {
+ _id: '6437904485008f171cf29924',
+ name: 'Unity Foundation',
+ image: null,
+ address: {
+ city: 'Bronx',
+ countryCode: 'US',
+ dependentLocality: 'Some Dependent Locality',
+ line1: '123 Random Street',
+ line2: 'Apartment 456',
+ postalCode: '10451',
+ sortingCode: 'ABC-123',
+ state: 'NYC',
+ __typename: 'Address',
+ },
+ createdAt: '2023-04-13T05:16:52.827Z',
+ creator: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ image: null,
+ email: 'testsuperadmin@example.com',
+ createdAt: '2023-04-13T04:53:17.742Z',
+ __typename: 'User',
+ },
+ __typename: 'Organization',
+ },
+ ],
+ __typename: 'User',
+ },
+ appUserProfile: {
+ _id: '64378abd85308f171cf2993d',
+ adminFor: [],
+ isSuperAdmin: false,
+ createdOrganizations: [],
+ createdEvents: [],
+ eventAdmin: [],
+ __typename: 'AppUserProfile',
+ },
+ __typename: 'UserData',
+ },
+ ],
+ },
+ },
+ },
+ {
+ request: {
+ query: USERS_CONNECTION_LIST,
+ variables: {
+ firstName_contains: '',
+ lastName_contains: '',
+ },
+ },
+ result: {
+ data: {
+ users: {
+ user: [
+ {
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ image: 'img',
+ _id: '1',
+ email: 'disha@email.com',
+ createdAt: '',
+ appUserProfile: {
+ _id: '12',
+ isSuperAdmin: 'false',
+ createdOrganizations: {
+ _id: '345678',
+ },
+ createdEvents: {
+ _id: '34567890',
+ },
+ },
+ organizationsBlockedBy: [],
+ joinedOrganizations: [],
+ },
+ {
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ image: 'img',
+ _id: '1',
+ email: 'disha@email.com',
+ createdAt: '',
+ appUserProfile: {
+ _id: '12',
+ isSuperAdmin: 'false',
+ createdOrganizations: {
+ _id: '345678',
+ },
+ createdEvents: {
+ _id: '34567890',
+ },
+ },
+ organizationsBlockedBy: [],
+ joinedOrganizations: [],
+ },
+ {
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ image: 'img',
+ _id: '1',
+ email: 'disha@email.com',
+ createdAt: '',
+ appUserProfile: {
+ _id: '12',
+ isSuperAdmin: 'false',
+ createdOrganizations: {
+ _id: '345678',
+ },
+ createdEvents: {
+ _id: '34567890',
+ },
+ },
+ organizationsBlockedBy: [],
+ joinedOrganizations: [],
+ },
+ ],
+ },
+ },
+ },
+ },
+];
+
+const MESSAGE_SENT_TO_GROUP_CHAT_MOCK = [
+ {
+ request: {
+ query: MESSAGE_SENT_TO_GROUP_CHAT,
+ variables: {
+ userId: null,
+ },
+ },
+ result: {
+ data: {
+ messageSentToGroupChat: {
+ _id: '668ec1f1364e03ac47a151',
+ createdAt: '2024-07-10T17:16:33.248Z',
+ messageContent: 'Test ',
+ sender: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ image: '',
+ },
+ updatedAt: '2024-07-10',
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: MESSAGE_SENT_TO_GROUP_CHAT,
+ variables: {
+ userId: '2',
+ },
+ },
+ result: {
+ data: {
+ messageSentToGroupChat: {
+ _id: '668ec1f1df364e03ac47a151',
+ createdAt: '2024-07-10T17:16:33.248Z',
+ messageContent: 'Test ',
+ sender: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ image: '',
+ },
+ updatedAt: '2024-07-10',
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: MESSAGE_SENT_TO_GROUP_CHAT,
+ variables: {
+ userId: '1',
+ },
+ },
+ result: {
+ data: {
+ messageSentToGroupChat: {
+ _id: '668ec1f13603ac4697a151',
+ createdAt: '2024-07-10T17:16:33.248Z',
+ messageContent: 'Test ',
+ sender: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ image: '',
+ },
+ updatedAt: '2024-07-10',
+ },
+ },
+ },
+ },
+];
+
+const MESSAGE_SENT_TO_DIRECT_CHAT_MOCK = [
+ {
+ request: {
+ query: MESSAGE_SENT_TO_DIRECT_CHAT,
+ variables: {
+ userId: '1',
+ },
+ },
+ result: {
+ data: {
+ messageSentToDirectChat: {
+ _id: '668ec1f1364e03ac4697a151',
+ createdAt: '2024-07-10T17:16:33.248Z',
+ messageContent: 'Test ',
+ receiver: {
+ _id: '65378abd85008f171cf2990d',
+ firstName: 'Vyvyan',
+ lastName: 'Kerry',
+ image: '',
+ },
+ sender: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ image: '',
+ },
+ updatedAt: '2024-07-10',
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: MESSAGE_SENT_TO_DIRECT_CHAT,
+ variables: {
+ userId: '2',
+ },
+ },
+ result: {
+ data: {
+ messageSentToDirectChat: {
+ _id: '668ec1f1364e03ac4697vgfa151',
+ createdAt: '2024-07-10T17:16:33.248Z',
+ messageContent: 'Test ',
+ receiver: {
+ _id: '65378abd85008f171cf2990d',
+ firstName: 'Vyvyan',
+ lastName: 'Kerry',
+ image: '',
+ },
+ sender: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ image: '',
+ },
+ updatedAt: '2024-07-10',
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: MESSAGE_SENT_TO_DIRECT_CHAT,
+ variables: {
+ userId: null,
+ },
+ },
+ result: {
+ data: {
+ messageSentToDirectChat: {
+ _id: '6ec1f1364e03ac4697a151',
+ createdAt: '2024-07-10T17:16:33.248Z',
+ messageContent: 'Test ',
+ receiver: {
+ _id: '65378abd85008f171cf2990d',
+ firstName: 'Vyvyan',
+ lastName: 'Kerry',
+ image: '',
+ },
+ sender: {
+ _id: '64378abd85008f171cf2990d',
+ firstName: 'Wilt',
+ lastName: 'Shepherd',
+ image: '',
+ },
+ updatedAt: '2024-07-10',
+ },
+ },
+ },
+ },
+];
+
+const DIRECT_CHAT_BY_ID_QUERY_MOCK = [
+ {
+ request: {
+ query: DIRECT_CHAT_BY_ID,
+ variables: {
+ id: '1',
+ },
+ },
+ result: {
+ data: {
+ directChatById: {
+ _id: '1',
+ createdAt: '2345678903456',
+ messages: [
+ {
+ _id: '345678',
+ createdAt: '345678908765',
+ messageContent: 'Hello',
+ receiver: {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@example.com',
+ image: '',
+ },
+ sender: {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@example.com',
+ image: '',
+ },
+ },
+ ],
+ users: [
+ {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@example.com',
+ image: '',
+ },
+ {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@example.com',
+ image: '',
+ },
+ ],
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: DIRECT_CHAT_BY_ID,
+ variables: {
+ id: '1',
+ },
+ },
+ result: {
+ data: {
+ directChatById: {
+ _id: '1',
+ createdAt: '2345678903456',
+ messages: [
+ {
+ _id: '345678',
+ createdAt: '345678908765',
+ messageContent: 'Hello',
+ receiver: {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@example.com',
+ image: '',
+ },
+ sender: {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@example.com',
+ image: '',
+ },
+ },
+ ],
+ users: [
+ {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@example.com',
+ image: '',
+ },
+ {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@example.com',
+ image: '',
+ },
+ ],
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: DIRECT_CHAT_BY_ID,
+ variables: {
+ id: '',
+ },
+ },
+ result: {
+ data: {
+ directChatById: {
+ _id: '1',
+ createdAt: '2345678903456',
+ messages: [
+ {
+ _id: '345678',
+ createdAt: '345678908765',
+ messageContent: 'Hello',
+ receiver: {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@example.com',
+ image: '',
+ },
+ sender: {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@example.com',
+ image: '',
+ },
+ },
+ ],
+ users: [
+ {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@example.com',
+ image: '',
+ },
+ {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@example.com',
+ image: '',
+ },
+ ],
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: DIRECT_CHAT_BY_ID,
+ variables: {
+ id: '2',
+ },
+ },
+ result: {
+ data: {
+ directChatById: {
+ _id: '65844efc814dd4003db811c4',
+ createdAt: '2345678903456',
+ messages: [
+ {
+ _id: '345678',
+ createdAt: '345678908765',
+ messageContent: 'Hello',
+ receiver: {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@example.com',
+ image: '',
+ },
+ sender: {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@example.com',
+ image: '',
+ },
+ },
+ ],
+ users: [
+ {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@example.com',
+ image: '',
+ },
+ {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@example.com',
+ image: '',
+ },
+ ],
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: DIRECT_CHAT_BY_ID,
+ variables: {
+ id: null,
+ },
+ },
+ result: {
+ data: {
+ directChatById: {
+ _id: '65844efc814dd4003db811c4',
+ createdAt: '2345678903456',
+ messages: [
+ {
+ _id: '345678',
+ createdAt: '345678908765',
+ messageContent: 'Hello',
+ receiver: {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@example.com',
+ image: '',
+ },
+ sender: {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@example.com',
+ image: '',
+ },
+ },
+ ],
+ users: [
+ {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@example.com',
+ image: '',
+ },
+ {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@example.com',
+ image: '',
+ },
+ ],
+ },
+ },
+ },
+ },
+];
+
+const GROUP_CHAT_BY_ID_QUERY_MOCK = [
+ {
+ request: {
+ query: GROUP_CHAT_BY_ID,
+ variables: {
+ id: '1',
+ },
+ },
+ result: {
+ data: {
+ groupChatById: {
+ _id: '65844efc814dd4003db811c4',
+ createdAt: '2345678903456',
+ title: 'Test Group Chat',
+ messages: [
+ {
+ _id: '345678',
+ createdAt: '345678908765',
+ messageContent: 'Hello',
+ sender: {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@example.com',
+ image: '',
+ },
+ },
+ ],
+ users: [
+ {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@example.com',
+ image: '',
+ },
+ {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@example.com',
+ image: '',
+ },
+ {
+ _id: '3',
+ firstName: 'Test',
+ lastName: 'User1',
+ email: 'test1@example.com',
+ image: '',
+ },
+ {
+ _id: '4',
+ firstName: 'Test',
+ lastName: 'User2',
+ email: 'test2@example.com',
+ image: '',
+ },
+ {
+ _id: '5',
+ firstName: 'Test',
+ lastName: 'User4',
+ email: 'test4@example.com',
+ image: '',
+ },
+ ],
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: GROUP_CHAT_BY_ID,
+ variables: {
+ id: '1',
+ },
+ },
+ result: {
+ data: {
+ groupChatById: {
+ _id: '65844efc814dd4003db811c4',
+ createdAt: '2345678903456',
+ title: 'Test Group Chat',
+ messages: [
+ {
+ _id: '345678',
+ createdAt: '345678908765',
+ messageContent: 'Hello',
+ sender: {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@example.com',
+ image: '',
+ },
+ },
+ ],
+ users: [
+ {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@example.com',
+ image: '',
+ },
+ {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@example.com',
+ image: '',
+ },
+ {
+ _id: '3',
+ firstName: 'Test',
+ lastName: 'User1',
+ email: 'test1@example.com',
+ image: '',
+ },
+ {
+ _id: '4',
+ firstName: 'Test',
+ lastName: 'User2',
+ email: 'test2@example.com',
+ image: '',
+ },
+ {
+ _id: '5',
+ firstName: 'Test',
+ lastName: 'User4',
+ email: 'test4@example.com',
+ image: '',
+ },
+ ],
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: GROUP_CHAT_BY_ID,
+ variables: {
+ id: '',
+ },
+ },
+ result: {
+ data: {
+ groupChatById: {
+ _id: '1',
+ createdAt: '2345678903456',
+ title: 'Test Group Chat',
+ messages: [
+ {
+ _id: '345678',
+ createdAt: '345678908765',
+ messageContent: 'Hello',
+ sender: {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@example.com',
+ image: '',
+ },
+ },
+ ],
+ users: [
+ {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@example.com',
+ image: '',
+ },
+ {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@example.com',
+ image: '',
+ },
+ {
+ _id: '3',
+ firstName: 'Test',
+ lastName: 'User1',
+ email: 'test1@example.com',
+ image: '',
+ },
+ {
+ _id: '4',
+ firstName: 'Test',
+ lastName: 'User2',
+ email: 'test2@example.com',
+ image: '',
+ },
+ {
+ _id: '5',
+ firstName: 'Test',
+ lastName: 'User4',
+ email: 'test4@example.com',
+ image: '',
+ },
+ ],
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: GROUP_CHAT_BY_ID,
+ variables: {
+ id: '2',
+ },
+ },
+ result: {
+ data: {
+ groupChatById: {
+ _id: '65844efc814dd4003db811c4',
+ createdAt: '2345678903456',
+ title: 'Test Group Chat',
+ messages: [
+ {
+ _id: '345678',
+ createdAt: '345678908765',
+ messageContent: 'Hello',
+ sender: {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@example.com',
+ image: '',
+ },
+ },
+ ],
+ users: [
+ {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@example.com',
+ image: '',
+ },
+ {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@example.com',
+ image: '',
+ },
+ {
+ _id: '3',
+ firstName: 'Test',
+ lastName: 'User1',
+ email: 'test1@example.com',
+ image: '',
+ },
+ {
+ _id: '4',
+ firstName: 'Test',
+ lastName: 'User2',
+ email: 'test2@example.com',
+ image: '',
+ },
+ {
+ _id: '5',
+ firstName: 'Test',
+ lastName: 'User4',
+ email: 'test4@example.com',
+ image: '',
+ },
+ ],
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: GROUP_CHAT_BY_ID,
+ variables: {
+ id: null,
+ },
+ },
+ result: {
+ data: {
+ groupChatById: {
+ _id: '65844efc814dd4003db811c4',
+ createdAt: '2345678903456',
+ title: 'Test Group Chat',
+ messages: [
+ {
+ _id: '345678',
+ createdAt: '345678908765',
+ messageContent: 'Hello',
+ sender: {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@example.com',
+ image: '',
+ },
+ },
+ ],
+ users: [
+ {
+ _id: '1',
+ firstName: 'Disha',
+ lastName: 'Talreja',
+ email: 'disha@example.com',
+ image: '',
+ },
+ {
+ _id: '2',
+ firstName: 'Test',
+ lastName: 'User',
+ email: 'test@example.com',
+ image: '',
+ },
+ {
+ _id: '3',
+ firstName: 'Test',
+ lastName: 'User1',
+ email: 'test1@example.com',
+ image: '',
+ },
+ {
+ _id: '4',
+ firstName: 'Test',
+ lastName: 'User2',
+ email: 'test2@example.com',
+ image: '',
+ },
+ {
+ _id: '5',
+ firstName: 'Test',
+ lastName: 'User4',
+ email: 'test4@example.com',
+ image: '',
+ },
+ ],
+ },
+ },
+ },
+ },
+];
+
+const CREATE_DIRECT_CHAT_MOCK = {
+ request: {
+ query: CREATE_DIRECT_CHAT,
+ variables: {
+ userIds: ['1', '6589389d2caa9d8d69087487'],
+ organizationId: undefined,
+ },
+ },
+ result: {
+ data: {
+ createDirectChat: {
+ _id: '669394c180e96b740ba1c0ce',
+ __typename: 'DirectChat',
+ },
+ },
+ },
+};
+
+async function wait(ms = 100): Promise
+ {props.title}
+ {props.subtitle}
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default donationCard;
diff --git a/src/components/UserPortal/EventCard/EventCard.module.css b/src/components/UserPortal/EventCard/EventCard.module.css
new file mode 100644
index 0000000000..28278dd5a6
--- /dev/null
+++ b/src/components/UserPortal/EventCard/EventCard.module.css
@@ -0,0 +1,26 @@
+.mainContainer {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ padding: 10px;
+ cursor: pointer;
+ background-color: white;
+ border-radius: 10px;
+ box-shadow: 2px 2px 8px 0px #c8c8c8;
+ overflow: hidden;
+}
+
+.eventDetails {
+ gap: 5px;
+}
+
+.personImage {
+ border-radius: 50%;
+ margin-right: 20px;
+}
+
+.eventActions {
+ display: flex;
+ flex-direction: row;
+ justify-content: right;
+}
diff --git a/src/components/UserPortal/EventCard/EventCard.test.tsx b/src/components/UserPortal/EventCard/EventCard.test.tsx
new file mode 100644
index 0000000000..78aa32abcf
--- /dev/null
+++ b/src/components/UserPortal/EventCard/EventCard.test.tsx
@@ -0,0 +1,194 @@
+import React from 'react';
+import { MockedProvider } from '@apollo/react-testing';
+import { I18nextProvider } from 'react-i18next';
+import { BrowserRouter } from 'react-router-dom';
+import { ToastContainer } from 'react-toastify';
+import i18nForTest from 'utils/i18nForTest';
+import EventCard from './EventCard';
+import { render, screen, waitFor } from '@testing-library/react';
+import { REGISTER_EVENT } from 'GraphQl/Mutations/mutations';
+import { Provider } from 'react-redux';
+import { store } from 'state/store';
+import { StaticMockLink } from 'utils/StaticMockLink';
+import userEvent from '@testing-library/user-event';
+import { debug } from 'jest-preview';
+import useLocalStorage from 'utils/useLocalstorage';
+
+const { setItem } = useLocalStorage();
+
+const MOCKS = [
+ {
+ request: {
+ query: REGISTER_EVENT,
+ variables: { eventId: '123' },
+ },
+ result: {
+ data: {
+ registerForEvent: [
+ {
+ _id: '123',
+ },
+ ],
+ },
+ },
+ },
+];
+
+const link = new StaticMockLink(MOCKS, true);
+
+afterEach(() => {
+ localStorage.clear();
+});
+
+describe('Testing Event Card In User portal', () => {
+ const props = {
+ id: '123',
+ title: 'Test Event',
+ description: 'This is a test event',
+ location: 'Virtual',
+ startDate: '2023-04-13',
+ endDate: '2023-04-15',
+ isRegisterable: true,
+ isPublic: true,
+ endTime: '19:49:12',
+ startTime: '17:49:12',
+ recurring: false,
+ allDay: true,
+ creator: {
+ firstName: 'Joe',
+ lastName: 'David',
+ id: '123',
+ },
+ registrants: [
+ {
+ id: '234',
+ },
+ ],
+ };
+
+ test('The card should be rendered properly, and all the details should be displayed correct', async () => {
+ const { queryByText } = render(
+
+
+ {props.name}
+
+ Amount: {props.amount}
+ Date: {formattedDate}
+
+
+
+
+
+
+ );
+}
+
+export default eventCard;
diff --git a/src/components/UserPortal/OrganizationCard/OrganizationCard.module.css b/src/components/UserPortal/OrganizationCard/OrganizationCard.module.css
new file mode 100644
index 0000000000..15634f7ad0
--- /dev/null
+++ b/src/components/UserPortal/OrganizationCard/OrganizationCard.module.css
@@ -0,0 +1,149 @@
+.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;
+ width: 125px;
+ height: 120px;
+ object-fit: contain;
+ 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;
+}
+
+.joinBtn {
+ display: flex;
+ justify-content: space-around;
+ width: 8rem;
+ border-width: medium;
+}
+
+.joinedBtn {
+ display: flex;
+ justify-content: space-around;
+ width: 8rem;
+}
+
+.withdrawBtn {
+ 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: 1420px) {
+ .orgCard {
+ width: 100%;
+ }
+}
+
+@media (max-width: 550px) {
+ .orgCard {
+ width: 100%;
+ }
+
+ .orgCard {
+ height: unset;
+ margin: 0.5rem 0;
+ padding: 1.25rem 1.5rem;
+ }
+
+ .orgCard .innerContainer .orgImgContainer {
+ margin-bottom: 0.8rem;
+ }
+
+ .orgCard .innerContainer {
+ flex-direction: column;
+ }
+
+ .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;
+ }
+ .joinBtn,
+ .joinedBtn,
+ .withdrawBtn {
+ display: flex;
+ justify-content: space-around;
+ width: 100%;
+ }
+}
diff --git a/src/components/UserPortal/OrganizationCard/OrganizationCard.test.tsx b/src/components/UserPortal/OrganizationCard/OrganizationCard.test.tsx
new file mode 100644
index 0000000000..dba4286290
--- /dev/null
+++ b/src/components/UserPortal/OrganizationCard/OrganizationCard.test.tsx
@@ -0,0 +1,313 @@
+import React from 'react';
+import { act, fireEvent, render, screen } from '@testing-library/react';
+import { 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 { StaticMockLink } from 'utils/StaticMockLink';
+import OrganizationCard from './OrganizationCard';
+import {
+ USER_JOINED_ORGANIZATIONS,
+ USER_ORGANIZATION_CONNECTION,
+} from 'GraphQl/Queries/OrganizationQueries';
+import useLocalStorage from 'utils/useLocalstorage';
+import {
+ SEND_MEMBERSHIP_REQUEST,
+ JOIN_PUBLIC_ORGANIZATION,
+} from 'GraphQl/Mutations/OrganizationMutations';
+import { toast } from 'react-toastify';
+
+const { getItem } = useLocalStorage();
+
+jest.mock('react-toastify', () => ({
+ toast: {
+ success: jest.fn(),
+ error: jest.fn(),
+ },
+}));
+
+const MOCKS = [
+ {
+ request: {
+ query: SEND_MEMBERSHIP_REQUEST,
+ variables: {
+ organizationId: '1',
+ },
+ },
+ result: {
+ data: {
+ sendMembershipRequest: {
+ _id: 'edgwrgui4y28urfejwiwfw',
+ organization: {
+ _id: '1',
+ name: 'organizationName',
+ },
+ user: {
+ _id: '1',
+ },
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: JOIN_PUBLIC_ORGANIZATION,
+ variables: {
+ organizationId: '2',
+ },
+ },
+ result: {
+ data: {
+ joinPublicOrganization: {
+ _id: 'edgwrgui4y28urfejwiwfw',
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: USER_JOINED_ORGANIZATIONS,
+ variables: {
+ id: '1',
+ },
+ },
+ result: {
+ data: {
+ users: {
+ joinedOrganizations: [
+ {
+ __typename: 'Organization',
+ _id: '2',
+ image: 'organizationImage',
+ name: 'organizationName',
+ description: 'organizationDescription',
+ },
+ ],
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: USER_ORGANIZATION_CONNECTION,
+ variables: {
+ id: '1',
+ },
+ },
+ result: {
+ data: {
+ organizationsConnection: [
+ {
+ __typename: 'Organization',
+ _id: '2',
+ image: 'organizationImage',
+ address: {
+ city: 'abc',
+ countryCode: '123',
+ postalCode: '456',
+ state: 'def',
+ dependentLocality: 'ghi',
+ line1: 'asdfg',
+ line2: 'dfghj',
+ sortingCode: '4567',
+ },
+ name: 'organizationName',
+ description: 'organizationDescription',
+ userRegistrationRequired: false,
+ createdAt: '12345678900',
+ creator: { __typename: 'User', firstName: 'John', lastName: 'Doe' },
+ members: [
+ {
+ _id: '56gheqyr7deyfuiwfewifruy8',
+ user: {
+ _id: getItem('userId'),
+ },
+ },
+ ],
+ admins: [
+ {
+ _id: '45gj5678jk45678fvgbhnr4rtgh',
+ },
+ ],
+ membershipRequests: [
+ {
+ _id: '56gheqyr7deyfuiwfewifruy8',
+ user: {
+ _id: '45ydeg2yet721rtgdu32ry',
+ },
+ },
+ ],
+ },
+ ],
+ },
+ },
+ },
+];
+
+const link = new StaticMockLink(MOCKS, true);
+
+async function wait(ms = 100): Promise
+
+ {props.description}
+
+ {`${tCommon('location')} `}
+ {props.location}
+
+
+ {props.title}
+
+
+
+
+ {`${t('starts')} `}
+ {props.startTime ? (
+
+ {dayjs(`2015-03-04T${props.startTime}`).format('h:mm:ss A')}
+
+ ) : (
+ <>
+ )}
+ {dayjs(props.startDate).format("D MMMM 'YY")}
+
+
+ {`${t('ends')} `}
+ {props.endTime ? (
+
+ {dayjs(`2015-03-04T${props.endTime}`).format('h:mm:ss A')}
+
+ ) : (
+ <>
+ )}{' '}
+ {dayjs(props.endDate).format("D MMMM 'YY")}
+
+
+ {`${t('creator')} `}
+ {creatorName}
+
+
+
+ {loading ? (
+
+
+
+
+ );
+}
+
+export default organizationCard;
diff --git a/src/components/UserPortal/OrganizationNavbar/OrganizationNavbar.module.css b/src/components/UserPortal/OrganizationNavbar/OrganizationNavbar.module.css
new file mode 100644
index 0000000000..761b389541
--- /dev/null
+++ b/src/components/UserPortal/OrganizationNavbar/OrganizationNavbar.module.css
@@ -0,0 +1,27 @@
+.talawaImage {
+ width: 40px;
+ height: auto;
+ margin-top: -5px;
+ border: 2px solid white;
+ margin-right: 10px;
+ background-color: white;
+ border-radius: 10px;
+}
+
+.colorWhite {
+ color: white;
+}
+
+.colorPrimary {
+ background: #31bb6b;
+}
+
+.offcanvasContainer {
+ background-color: #31bb6b;
+ color: white;
+}
+
+.link {
+ text-decoration: none !important;
+ color: inherit;
+}
diff --git a/src/components/UserPortal/OrganizationNavbar/OrganizationNavbar.test.tsx b/src/components/UserPortal/OrganizationNavbar/OrganizationNavbar.test.tsx
new file mode 100644
index 0000000000..027234b641
--- /dev/null
+++ b/src/components/UserPortal/OrganizationNavbar/OrganizationNavbar.test.tsx
@@ -0,0 +1,452 @@
+import React from 'react';
+import { MockedProvider } from '@apollo/react-testing';
+import 'jest-localstorage-mock';
+import { act, render, screen } from '@testing-library/react';
+import { I18nextProvider } from 'react-i18next';
+import { Provider } from 'react-redux';
+import { BrowserRouter, Router } from 'react-router-dom';
+import { store } from 'state/store';
+import i18nForTest from 'utils/i18nForTest';
+import cookies from 'js-cookie';
+import { StaticMockLink } from 'utils/StaticMockLink';
+
+import OrganizationNavbar from './OrganizationNavbar';
+import userEvent from '@testing-library/user-event';
+import { USER_ORGANIZATION_CONNECTION } from 'GraphQl/Queries/Queries';
+import { PLUGIN_SUBSCRIPTION } from 'GraphQl/Mutations/mutations';
+
+import { createMemoryHistory } from 'history';
+import useLocalStorage from 'utils/useLocalstorage';
+
+const { setItem, removeItem } = useLocalStorage();
+
+const organizationId = 'org1234';
+
+const MOCK_ORGANIZATION_CONNECTION = {
+ request: {
+ query: USER_ORGANIZATION_CONNECTION,
+ variables: {
+ id: organizationId,
+ },
+ },
+ result: {
+ data: {
+ organizationsConnection: [
+ {
+ __typename: 'Organization',
+ _id: '6401ff65ce8e8406b8f07af2',
+ image: '',
+ address: {
+ city: 'abc',
+ countryCode: '123',
+ postalCode: '456',
+ state: 'def',
+ dependentLocality: 'ghi',
+ line1: 'asdfg',
+ line2: 'dfghj',
+ sortingCode: '4567',
+ },
+ name: 'anyOrganization1',
+ description: 'desc',
+ userRegistrationRequired: true,
+ createdAt: '12345678900',
+ creator: { __typename: 'User', firstName: 'John', lastName: 'Doe' },
+ members: [
+ {
+ _id: '56gheqyr7deyfuiwfewifruy8',
+ user: {
+ _id: '45ydeg2yet721rtgdu32ry',
+ },
+ },
+ ],
+ admins: [
+ {
+ _id: '45gj5678jk45678fvgbhnr4rtgh',
+ },
+ ],
+ membershipRequests: [
+ {
+ _id: '56gheqyr7deyfuiwfewifruy8',
+ user: {
+ _id: '45ydeg2yet721rtgdu32ry',
+ },
+ },
+ ],
+ },
+ ],
+ },
+ },
+};
+
+const MOCKS = [MOCK_ORGANIZATION_CONNECTION];
+
+const PLUGIN_SUBSCRIPTION_1 = [
+ MOCK_ORGANIZATION_CONNECTION,
+ {
+ request: {
+ query: PLUGIN_SUBSCRIPTION,
+ },
+ result: {
+ data: {
+ onPluginUpdate: {
+ pluginName: 'TestPlugin1',
+ _id: '123',
+ pluginDesc: 'desc',
+ uninstalledOrgs: [organizationId],
+ },
+ },
+ _loadingSub: false,
+ },
+ },
+];
+
+const PLUGIN_SUBSCRIPTION_2 = [
+ MOCK_ORGANIZATION_CONNECTION,
+ {
+ request: {
+ query: PLUGIN_SUBSCRIPTION,
+ },
+ result: {
+ data: {
+ onPluginUpdate: {
+ pluginName: 'TestPlugin1',
+ _id: '123',
+ pluginDesc: 'desc',
+ uninstalledOrgs: [],
+ },
+ },
+ _loadingSub: false,
+ },
+ },
+];
+
+const PLUGIN_SUBSCRIPTION_3 = [
+ MOCK_ORGANIZATION_CONNECTION,
+ {
+ request: {
+ query: PLUGIN_SUBSCRIPTION,
+ },
+ result: {
+ data: {
+ onPluginUpdate: {
+ pluginName: 'TestPlugin100',
+ _id: '123',
+ pluginDesc: 'desc',
+ uninstalledOrgs: [organizationId],
+ },
+ },
+ _loadingSub: false,
+ },
+ },
+];
+
+const testPlugins = [
+ {
+ pluginName: 'TestPlugin1',
+ alias: 'testPlugin1',
+ link: '/testPlugin1',
+ translated: 'Test Plugin 1',
+ view: true,
+ },
+];
+
+async function wait(ms = 100): Promise
+
+ {props.membershipRequestStatus === 'accepted' && (
+
+ )}
+
+ {props.membershipRequestStatus === 'pending' && (
+
+ )}
+ {props.membershipRequestStatus === '' && (
+
+ )}
+
+ {props.image ? (
+
+ ) : (
+
+
+
+
+
+ {props.name}
++ {props.description} +
+ {props.address && props.address.city && ( +
+
+ )}
+ + {props.address.line1}, + {props.address.city}, + + {props.address.countryCode} + +
++ {tCommon('admins')}: {props.admins?.length} + {tCommon('members')}:{' '} + {props.members?.length} +
+
+
+ {members && members.length ? (
+ members.map((member: InterfaceMemberInfo) => {
+ const memberName = `${member.firstName} ${member.lastName}`;
+ return (
+
+
+ );
+ })
+ ) : (
+
+ )}
+
+
+ {events && events.length ? (
+ events.map((event: InterfaceQueryOrganizationEventListItem) => {
+ return (
+
+
+ );
+ })
+ ) : (
+
+ )}
+
+ );
+}
diff --git a/src/components/UserPortal/PeopleCard/PeopleCard.module.css b/src/components/UserPortal/PeopleCard/PeopleCard.module.css
new file mode 100644
index 0000000000..fe9fc3bcbd
--- /dev/null
+++ b/src/components/UserPortal/PeopleCard/PeopleCard.module.css
@@ -0,0 +1,33 @@
+.mainContainer {
+ width: 100%;
+ display: flex;
+ flex-direction: row;
+ padding: 10px;
+ cursor: pointer;
+ background-color: white;
+ border-radius: 10px;
+ box-shadow: 2px 2px 8px 0px #c8c8c8;
+ overflow: hidden;
+}
+
+.personDetails {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+}
+
+.personImage {
+ border-radius: 50%;
+ margin-right: 20px;
+ max-width: 70px;
+}
+
+.borderBox {
+ border: 1px solid #dddddd;
+ box-shadow: 5px 5px 4px 0px #31bb6b1f;
+ border-radius: 4px;
+}
+
+.greenText {
+ color: #31bb6b;
+}
diff --git a/src/components/UserPortal/PeopleCard/PeopleCard.test.tsx b/src/components/UserPortal/PeopleCard/PeopleCard.test.tsx
new file mode 100644
index 0000000000..5cadfa923b
--- /dev/null
+++ b/src/components/UserPortal/PeopleCard/PeopleCard.test.tsx
@@ -0,0 +1,69 @@
+import React from 'react';
+import { act, render } from '@testing-library/react';
+import { 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 { StaticMockLink } from 'utils/StaticMockLink';
+import PeopleCard from './PeopleCard';
+
+const link = new StaticMockLink([], true);
+
+async function wait(ms = 100): Promise
+ {tCommon('members')}
+
+ {memberLoading ? (
+
+
+ ) : (
+
+ 
+
+ {memberName}
+ {t('noMembers')}
+ )}
+
+
+ {t('viewAll')}
+
+
+ {t('events')}
+
+ {eventsLoading ? (
+
+
+ ) : (
+
+
+
+
+ {event.title}
+
+
+
+ Starts{' '}
+ {dayjs(event.startDate).format("D MMMM 'YY")}
+
+
+ Ends {dayjs(event.endDate).format("D MMMM 'YY")}
+
+ {t('noEvents')}
+ )}
+
+
+ {t('viewAll')}
+
+
+
+
+ {props.sno}
+
+
+ 
+
+
+
+ {props.name}
+
+
+ {props.email}
+
+
+ );
+}
+
+export default peopleCard;
diff --git a/src/components/UserPortal/PostCard/PostCard.module.css b/src/components/UserPortal/PostCard/PostCard.module.css
new file mode 100644
index 0000000000..e8edc2d82c
--- /dev/null
+++ b/src/components/UserPortal/PostCard/PostCard.module.css
@@ -0,0 +1,183 @@
+.cardStyles {
+ width: 20rem;
+ background-color: white;
+ padding: 0;
+ border: none !important;
+ outline: none !important;
+}
+
+.cardHeader {
+ display: flex;
+ width: 100%;
+ padding-inline: 0;
+ padding-block: 0;
+ flex-direction: row;
+ gap: 0.5rem;
+ align-items: center;
+ background-color: white;
+ border-bottom: 1px solid #dddddd;
+}
+
+.creator {
+ display: flex;
+ width: 100%;
+ padding-inline: 1rem;
+ padding-block: 0;
+ flex-direction: row;
+ gap: 0.5rem;
+ align-items: center;
+}
+.creator p {
+ margin-bottom: 0;
+ font-weight: 500;
+}
+.creator svg {
+ width: 2rem;
+ height: 2rem;
+}
+
+.customToggle {
+ padding: 0;
+ background: none;
+ border: none;
+ margin-right: 1rem;
+ --bs-btn-active-bg: none;
+}
+.customToggle svg {
+ color: black;
+}
+
+.customToggle::after {
+ content: none;
+}
+.customToggle:hover,
+.customToggle:focus,
+.customToggle:active {
+ background: none;
+ border: none;
+}
+.customToggle svg {
+ color: black;
+}
+
+.cardBody div {
+ padding: 0.5rem;
+}
+
+.imageContainer {
+ max-width: 100%;
+}
+
+.cardTitle {
+ --max-lines: 1;
+ display: -webkit-box;
+ overflow: hidden;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: var(--max-lines);
+
+ font-size: 1.3rem !important;
+ font-weight: 600;
+}
+
+.date {
+ font-weight: 600;
+}
+
+.cardText {
+ --max-lines: 2;
+ display: -webkit-box;
+ overflow: hidden;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: var(--max-lines);
+
+ padding-top: 0;
+ font-weight: 300;
+ margin-top: 0.7rem !important;
+ text-align: justify;
+}
+
+.viewBtn {
+ display: flex;
+ justify-content: flex-end;
+ margin: 0.5rem;
+}
+.viewBtn Button {
+ padding-inline: 1rem;
+}
+
+.cardActions {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ gap: 1px;
+ justify-content: flex-end;
+}
+
+.cardActionBtn {
+ background-color: rgba(0, 0, 0, 0);
+ padding: 0;
+ border: none;
+ color: black;
+}
+
+.cardActionBtn:hover {
+ background-color: ghostwhite;
+ border: none;
+ color: black !important;
+}
+
+.creatorNameModal {
+ display: flex;
+ flex-direction: row;
+ gap: 5px;
+ align-items: center;
+ margin-bottom: 10px;
+}
+
+.modalActions {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ gap: 1rem;
+ margin: 5px 0px;
+}
+
+.textModal {
+ margin-top: 10px;
+}
+
+.colorPrimary {
+ background: #31bb6b;
+ color: white;
+ cursor: pointer;
+}
+
+.commentContainer {
+ overflow: auto;
+ max-height: 18rem;
+ padding-bottom: 1rem;
+}
+
+.modalFooter {
+ background-color: white;
+ position: absolute;
+ width: calc(100% - 1rem);
+ padding-block: 0.5rem;
+ display: flex;
+ flex-direction: column;
+ border-top: 1px solid #dddddd;
+ bottom: 0;
+ right: 0.5rem;
+ margin-left: 1rem;
+}
+
+.inputArea {
+ border: none;
+ outline: none;
+ background-color: #f1f3f6;
+}
+
+.postImage {
+ height: 300px;
+ object-fit: cover;
+}
diff --git a/src/components/UserPortal/PostCard/PostCard.test.tsx b/src/components/UserPortal/PostCard/PostCard.test.tsx
new file mode 100644
index 0000000000..64f6670223
--- /dev/null
+++ b/src/components/UserPortal/PostCard/PostCard.test.tsx
@@ -0,0 +1,861 @@
+import React from 'react';
+import { MockedProvider } from '@apollo/react-testing';
+import { act, render, screen } from '@testing-library/react';
+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 { StaticMockLink } from 'utils/StaticMockLink';
+import { toast } from 'react-toastify';
+
+import PostCard from './PostCard';
+import userEvent from '@testing-library/user-event';
+import {
+ CREATE_COMMENT_POST,
+ LIKE_POST,
+ UNLIKE_POST,
+ LIKE_COMMENT,
+ UNLIKE_COMMENT,
+ DELETE_POST_MUTATION,
+ UPDATE_POST_MUTATION,
+} from 'GraphQl/Mutations/mutations';
+import useLocalStorage from 'utils/useLocalstorage';
+
+const { setItem, getItem } = useLocalStorage();
+
+jest.mock('react-toastify', () => ({
+ toast: {
+ error: jest.fn(),
+ info: jest.fn(),
+ success: jest.fn(),
+ },
+}));
+
+const MOCKS = [
+ {
+ request: {
+ query: LIKE_POST,
+ variables: {
+ postId: '',
+ },
+ result: {
+ data: {
+ likePost: {
+ _id: '',
+ },
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: UNLIKE_POST,
+ variables: {
+ post: '',
+ },
+ result: {
+ data: {
+ unlikePost: {
+ _id: '',
+ },
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: CREATE_COMMENT_POST,
+ variables: {
+ postId: '1',
+ comment: 'testComment',
+ },
+ result: {
+ data: {
+ createComment: {
+ _id: '64ef885bca85de60ebe0f304',
+ creator: {
+ _id: '63d6064458fce20ee25c3bf7',
+ firstName: 'Noble',
+ lastName: 'Mittal',
+ email: 'test@gmail.com',
+ __typename: 'User',
+ },
+ likeCount: 0,
+ likedBy: [],
+ text: 'testComment',
+ __typename: 'Comment',
+ },
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: LIKE_COMMENT,
+ variables: {
+ commentId: '1',
+ },
+ },
+ result: {
+ data: {
+ likeComment: {
+ _id: '1',
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: UNLIKE_COMMENT,
+ variables: {
+ commentId: '1',
+ },
+ },
+ result: {
+ data: {
+ unlikeComment: {
+ _id: '1',
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: UPDATE_POST_MUTATION,
+ variables: {
+ id: 'postId',
+ text: 'Edited Post',
+ },
+ },
+ result: {
+ data: {
+ updatePost: {
+ _id: '',
+ },
+ },
+ },
+ },
+ {
+ request: {
+ query: DELETE_POST_MUTATION,
+ variables: {
+ id: 'postId',
+ },
+ },
+ result: {
+ data: {
+ removePost: {
+ _id: '',
+ },
+ },
+ },
+ },
+];
+
+async function wait(ms = 100): Promise
+
+
+ {props.role}
+
+
+
+ {postCreator}
+
+
+
+
+ 
+
+
+
+
+
+
+
+ {postCreator}
+
+
+
+
+ + {props.title} +
+{props.text}
+Comments
+
+ {numComments ? (
+ comments.map((comment, index: number) => {
+ const cardProps: InterfaceCommentCardProps = {
+ id: comment.id,
+ creator: {
+ id: comment.creator.id,
+ firstName: comment.creator.firstName,
+ lastName: comment.creator.lastName,
+ email: comment.creator.email,
+ },
+ likeCount: comment.likeCount,
+ likedBy: comment.likedBy,
+ text: comment.text,
+ handleLikeComment: handleLikeComment,
+ handleDislikeComment: handleDislikeComment,
+ };
+ return
+ No comments to show.
+ )} +
+
+
+ {commentLoading ? (
+
+
+
+
+
+
+
+ {likes}
+ {` ${t('likes')}`}
+
+
+
+ {numComments}
+ {` ${t('comments')}`}
+
+ + {t('editPost')} +
+
+
+ {tCommon('register')}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {tCommon('firstName')}
+{tCommon('lastName')}
+{tCommon('emailAddress')}
+{tCommon('password')}
+{tCommon('confirmPassword')}
+
+ {t('alreadyhaveAnAccount')}{' '}
+
+ {tCommon('login')}
+
+
+
+ );
+}
diff --git a/src/components/UserPortal/SecuredRouteForUser/SecuredRouteForUser.test.tsx b/src/components/UserPortal/SecuredRouteForUser/SecuredRouteForUser.test.tsx
new file mode 100644
index 0000000000..93b71b14f1
--- /dev/null
+++ b/src/components/UserPortal/SecuredRouteForUser/SecuredRouteForUser.test.tsx
@@ -0,0 +1,96 @@
+import React from 'react';
+import { MemoryRouter, Route, Routes } from 'react-router-dom';
+import { render, screen, waitFor } from '@testing-library/react';
+import SecuredRouteForUser from './SecuredRouteForUser';
+import useLocalStorage from 'utils/useLocalstorage';
+
+const { setItem } = useLocalStorage();
+
+describe('SecuredRouteForUser', () => {
+ test('renders the route when the user is logged in', () => {
+ // Set the 'IsLoggedIn' value to 'TRUE' in localStorage to simulate a logged-in user and do not set 'AdminFor' so that it remains undefined.
+ setItem('IsLoggedIn', 'TRUE');
+
+ render(
+
+
+
+ );
+};
+
+export default userSidebar;
diff --git a/src/components/UserPortal/UserSidebarOrg/UserSidebarOrg.module.css b/src/components/UserPortal/UserSidebarOrg/UserSidebarOrg.module.css
new file mode 100644
index 0000000000..b300eb7e89
--- /dev/null
+++ b/src/components/UserPortal/UserSidebarOrg/UserSidebarOrg.module.css
@@ -0,0 +1,351 @@
+.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 1rem 0 1rem;
+ background-color: var(--bs-white);
+ 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 .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: auto;
+}
+
+.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: #31bb6b33;
+ 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-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 1rem 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 0.8rem 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: 5px;
+ 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/UserPortal/UserSidebarOrg/UserSidebarOrg.test.tsx b/src/components/UserPortal/UserSidebarOrg/UserSidebarOrg.test.tsx
new file mode 100644
index 0000000000..d9d70478b3
--- /dev/null
+++ b/src/components/UserPortal/UserSidebarOrg/UserSidebarOrg.test.tsx
@@ -0,0 +1,419 @@
+import React 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 { InterfaceUserSidebarOrgProps } from './UserSidebarOrg';
+import UserSidebarOrg from './UserSidebarOrg';
+import { Provider } from 'react-redux';
+import { MockedProvider } from '@apollo/react-testing';
+import { store } from 'state/store';
+import { ORGANIZATIONS_LIST } from 'GraphQl/Queries/Queries';
+import { act } from 'react-dom/test-utils';
+import { StaticMockLink } from 'utils/StaticMockLink';
+import { REVOKE_REFRESH_TOKEN } from 'GraphQl/Mutations/mutations';
+import useLocalStorage from 'utils/useLocalstorage';
+
+const { setItem } = useLocalStorage();
+
+const props: InterfaceUserSidebarOrgProps = {
+ orgId: '123',
+ targets: [
+ {
+ name: 'Posts',
+ url: '/user/organization/123',
+ },
+ {
+ name: 'People',
+ url: '/user/people/123',
+ },
+ {
+ name: 'Events',
+ url: '/user/events/123',
+ },
+ {
+ name: 'Donations',
+ url: '/user/donate/123',
+ },
+ {
+ name: 'Settings',
+ url: '/user/settings',
+ },
+ {
+ name: 'All Organizations',
+ url: '/user/organizations/',
+ },
+ ],
+ 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',
+ createdAt: '4567890234',
+ },
+ {
+ _id: 'jane123',
+ firstName: 'Jane',
+ lastName: 'Doe',
+ email: 'JaneDoe@example.com',
+ createdAt: '4567890234',
+ },
+ ],
+ admins: [
+ {
+ _id: 'john123',
+ firstName: 'John',
+ lastName: 'Doe',
+ email: 'JohnDoe@example.com',
+ createdAt: '4567890234',
+ },
+ ],
+ 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',
+ createdAt: '4567890234',
+ },
+ {
+ _id: 'jane123',
+ firstName: 'Jane',
+ lastName: 'Doe',
+ email: 'JaneDoe@example.com',
+ createdAt: '4567890234',
+ },
+ ],
+ admins: [
+ {
+ _id: 'john123',
+ firstName: 'John',
+ lastName: 'Doe',
+ email: 'JohnDoe@example.com',
+ createdAt: '4567890234',
+ },
+ ],
+ membershipRequests: [],
+ blockedUsers: [],
+ },
+ ],
+ },
+ },
+ },
+];
+
+const MOCKS_EMPTY = [
+ {
+ request: {
+ query: ORGANIZATIONS_LIST,
+ variables: { id: '123' },
+ },
+ result: {
+ data: {
+ organizations: [],
+ },
+ },
+ },
+];
+
+const defaultScreens = [
+ 'People',
+ 'Events',
+ 'Posts',
+ 'Donations',
+ 'All Organizations',
+];
+
+jest.mock('react-toastify', () => ({
+ toast: {
+ success: jest.fn(),
+ warn: jest.fn(),
+ error: jest.fn(),
+ },
+}));
+
+async function wait(ms = 100): Promise{t('talawaUserPortal')}
++ {tCommon('menu')} +
+
+
+ {({ isActive }) => (
+
+ )}
+
+
+ {({ isActive }) => (
+
+ )}
+
+
+ {({ isActive }) => (
+
+ )}
+
+
+
+ {/* Branding Section */}
+
+
+
+ {/* Organization Section */}
+
+ {loading ? (
+ <>
+
+
+ ) : organization == undefined ? (
+ <>
+