From 573e848c63f76537f1bfd4dbb6b9f47667a6803c Mon Sep 17 00:00:00 2001
From: SauradipGhosh <sauradip96ghosh@gmail.com>
Date: Mon, 15 Jan 2024 22:32:51 +0530
Subject: [PATCH] OrgList.tsx file reduced to 568 line -done

---
 src/screens/OrgList/OrgList.tsx           | 13 +++++++++++++
 src/screens/OrgList/OrganizationModal.tsx | 14 ++++++++++++++
 2 files changed, 27 insertions(+)

diff --git a/src/screens/OrgList/OrgList.tsx b/src/screens/OrgList/OrgList.tsx
index 1c679d195d..f6923bebc0 100644
--- a/src/screens/OrgList/OrgList.tsx
+++ b/src/screens/OrgList/OrgList.tsx
@@ -484,6 +484,19 @@ function orgList(): JSX.Element {
           </>
         )}
         {/* Create Organization Modal */}
+        {/**
+         * Renders the `OrganizationModal` component.
+         *
+         * @param showModal - A boolean indicating whether the modal should be displayed.
+         * @param toggleModal - A function to toggle the visibility of the modal.
+         * @param formState - The state of the form in the organization modal.
+         * @param setFormState - A function to update the state of the form in the organization modal.
+         * @param createOrg - A function to handle the submission of the organization creation form.
+         * @param t - A translation function for localization.
+         * @param userData - Information about the current user.
+         * @param triggerCreateSampleOrg - A function to trigger the creation of a sample organization.
+         * @returns JSX element representing the `OrganizationModal`.
+         */}
         <OrganizationModal
           showModal={showModal}
           toggleModal={toggleModal}
diff --git a/src/screens/OrgList/OrganizationModal.tsx b/src/screens/OrgList/OrganizationModal.tsx
index b8938ac6d4..5c1e608136 100644
--- a/src/screens/OrgList/OrganizationModal.tsx
+++ b/src/screens/OrgList/OrganizationModal.tsx
@@ -4,6 +4,9 @@ import convertToBase64 from 'utils/convertToBase64';
 import type { ChangeEvent } from 'react';
 import styles from './OrgList.module.css';
 
+/**
+ * Represents the state of the form in the organization modal.
+ */
 interface InterfaceFormStateType {
   name: string;
   descrip: string;
@@ -12,6 +15,10 @@ interface InterfaceFormStateType {
   location: string;
   image: string;
 }
+
+/**
+ * Represents a user type.
+ */
 interface InterfaceUserType {
   user: {
     firstName: string;
@@ -28,6 +35,9 @@ interface InterfaceUserType {
   // Add more properties if needed
 }
 
+/**
+ * Represents the properties of the OrganizationModal component.
+ */
 interface InterfaceOrganizationModalProps {
   showModal: boolean;
   toggleModal: () => void;
@@ -39,6 +49,10 @@ interface InterfaceOrganizationModalProps {
   triggerCreateSampleOrg: () => void;
 }
 
+/**
+ * Represents the organization modal component.
+ */
+
 const OrganizationModal: React.FC<InterfaceOrganizationModalProps> = ({
   showModal,
   toggleModal,