Finalised changes

public/locales/en.json

@@ -557,4 +557,4 @@
     "donate": "Donate",
     "nothingToShow": "Nothing to show here."
   }
-}
+}

public/locales/fr.json

@@ -557,4 +557,4 @@
     "donate": "Donner",
     "nothingToShow": "Rien à montrer ici."
   }
-}
+}

public/locales/hi.json

@@ -558,4 +558,4 @@
     "donate": "दान",
     "nothingToShow": "यहां दिखाने के लिए कुछ भी नहीं है."
   }
-}
+}

public/locales/sp.json

@@ -558,4 +558,4 @@
     "donate": "Donar",
     "nothingToShow": "Nada que mostrar aquí."
   }
-}
+}

public/locales/zh.json

@@ -558,4 +558,4 @@
     "donate": "捐",
     "nothingToShow": "這裡沒有什麼可顯示的。"
   }
-}
+}

src/components/LeftDrawerOrg/LeftDrawerOrg.test.tsx

@@ -83,6 +83,8 @@ const MOCKS = [
             name: 'Test Organization',
             description: 'Testing this organization',
             location: 'Gotham, DC',
+            isPublic: true,
+            visibleInSearch: true,
             members: [
               {
                 _id: 'john123',
@@ -135,6 +137,8 @@ const MOCKS_WITH_IMAGE = [
             name: 'Test Organization',
             description: 'Testing this organization',
             location: 'Gotham, DC',
+            isPublic: true,
+            visibleInSearch: true,
             members: [
               {
                 _id: 'john123',
@@ -261,11 +265,7 @@ describe('Testing Left Drawer component for SUPERADMIN', () => {
       </MockedProvider>
     );
     await wait();
-    // Coming soon
-    userEvent.click(screen.getByTestId(/orgBtn/i));
-    expect(toast.success).toHaveBeenCalledWith(
-      'Organization detail modal coming soon!'
-    );
+    expect(screen.getByTestId(/orgBtn/i)).toBeInTheDocument();
     userEvent.click(screen.getByTestId(/profileBtn/i));
     expect(toast.success).toHaveBeenCalledWith('Profile page coming soon!');
   });

src/components/LeftDrawerOrg/LeftDrawerOrg.tsx

@@ -108,13 +108,7 @@ const leftDrawerOrg = ({
               </button>
             </>
           ) : (
-            <button
-              className={styles.profileContainer}
-              data-testid="OrgBtn"
-              onClick={(): void => {
-                toast.success('Organization detail modal coming soon!');
-              }}
-            >
+            <button className={styles.profileContainer} data-testid="OrgBtn">
               <div className={styles.imageContainer}>
                 {data && data?.organizations[0].image ? (
                   <img

src/components/Loader/Loader.module.css

@@ -12,14 +12,14 @@
   border-width: 0.5rem;
 }
 
-.spinnerLg{
+.spinnerLg {
   height: 4rem;
   width: 4rem;
   border-width: 0.3rem;
 }
 
-.spinnerSm{
+.spinnerSm {
   height: 2rem;
   width: 2rem;
   border-width: 0.2rem;
-}
+}

src/components/OrgUpdate/OrgUpdate.module.css

@@ -10,4 +10,4 @@
   transform: scale(1.5);
   color: var(--bs-danger);
   margin-bottom: 1rem;
-}
+}

src/components/OrgUpdate/OrgUpdate.test.tsx

@@ -1,10 +1,6 @@
+import React from 'react';
 import { MockedProvider } from '@apollo/react-testing';
-import {
-  act,
-  fireEvent,
-  render,
-  screen
-} from '@testing-library/react';
+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';
@@ -134,7 +130,7 @@ describe('Testing Organization Update', () => {
       );
     });
     await wait();
-    expect(screen.getByText(/Mock Graphql Error/i));
+    expect(screen.getByText(/Mock Graphql Error/i)).toBeInTheDocument();
   });
 
   test('Should show error occured toast when Organization could not be updated', async () => {

src/components/OrgUpdate/OrgUpdateMocks.ts

@@ -152,6 +152,6 @@ export const MOCKS_ERROR_UPDATE_ORGLIST = [
         visibleInSearch: false,
       },
     },
-    erorr: new Error('Mock Graphql Updating Organization Error')
+    erorr: new Error('Mock Graphql Updating Organization Error'),
   },
 ];

src/components/OrganizationDashCards/CardItem.module.css

@@ -1,47 +1,47 @@
 .cardItem {
-    position: relative;
-    display: flex;
-    align-items: center;
-    padding: 0.75rem 0;
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding: 0.75rem 0;
 }
 
 .cardItem .iconWrapper {
-    position: relative;
-    height: 40px;
-    width: 40px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  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%;
+  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%;
+  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;
+  font-size: 1rem;
+  flex: 1;
 }
 
 .cardItem .time {
-    font-size: 0.9rem;
-    color: var(--bs-secondary);
-}
+  font-size: 0.9rem;
+  color: var(--bs-secondary);
+}

src/components/OrganizationDashCards/CardItem.test.tsx

@@ -25,7 +25,7 @@ describe('Testing the Organization Card', () => {
     };
 
     render(<CardItem {...props} />);
-    
+
     expect(screen.getByText(/Post Title/i)).toBeInTheDocument();
     expect(screen.getByText(/03-09-2023/i)).toBeInTheDocument();
   });

src/components/OrganizationDashCards/Dashboardcard.module.css

@@ -1,60 +1,60 @@
 .cardBody {
-    padding: 1.25rem 1.5rem;
+  padding: 1.25rem 1.5rem;
 }
 
 .cardBody .iconWrapper {
-    position: relative;
-    height: 48px;
-    width: 48px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  position: relative;
+  height: 48px;
+  width: 48px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .cardBody .iconWrapper .themeOverlay {
-    background: var(--bs-primary);
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    opacity: 0.12;
-    border-radius: 50%;
+  background: var(--bs-primary);
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  opacity: 0.12;
+  border-radius: 50%;
 }
 
 .cardBody .textWrapper .primaryText {
-    font-size: 24px;
-    font-weight: bold;
-    display: block;
+  font-size: 24px;
+  font-weight: bold;
+  display: block;
 }
 
 .cardBody .textWrapper .secondaryText {
-    font-size: 14px;
-    display: block;
-    color: var(--bs-secondary);
+  font-size: 14px;
+  display: block;
+  color: var(--bs-secondary);
 }
 
 @media (max-width: 600px) {
-    .cardBody {
-        min-height: 120px;
-    }
-
-    .cardBody .iconWrapper {
-        position: absolute;
-        top: 1rem;
-        left: 1rem;
-    }
-
-    .cardBody .textWrapper {
-        margin-top: calc(0.5rem + 36px);
-        text-align: right;
-    }
-
-    .cardBody .textWrapper .primaryText {
-        font-size: 1.5rem;
-    }
-
-    .cardBody .textWrapper .secondaryText {
-        font-size: 1rem;
-    }
-}
+  .cardBody {
+    min-height: 120px;
+  }
+
+  .cardBody .iconWrapper {
+    position: absolute;
+    top: 1rem;
+    left: 1rem;
+  }
+
+  .cardBody .textWrapper {
+    margin-top: calc(0.5rem + 36px);
+    text-align: right;
+  }
+
+  .cardBody .textWrapper .primaryText {
+    font-size: 1.5rem;
+  }
+
+  .cardBody .textWrapper .secondaryText {
+    font-size: 1rem;
+  }
+}

src/screens/BlockUser/BlockUser.module.css

@@ -47,7 +47,6 @@
   justify-content: center;
   align-items: center;
   flex-direction: column;
-
 }
 
 @media (max-width: 1020px) {
@@ -100,4 +99,4 @@
     margin-right: 0;
     width: 100%;
   }
-}
+}

src/screens/OrgSettings/OrgSettings.module.css

@@ -28,4 +28,4 @@
   width: 100%;
   font-size: 0.9rem;
   margin-bottom: 0.5rem;
-}
+}