Fixed-Issue-#1266 Bug Report When a new post is added, the latest pos…

…t section in the organization's dashboard becomes distorted Updated

src/screens/OrganizationDashboard/OrganizationDashboard.module.css

@@ -22,6 +22,11 @@
   justify-content: center;
   align-items: center;
 }
+
 .BottomRow {
-  margin-top: 45px;
+  margin-top: 30px;
+}
+
+.memeberShipCard {
+  height: 150px;
 }

src/screens/OrganizationDashboard/OrganizationDashboard.test.tsx

@@ -78,7 +78,6 @@ describe('Organisation Dashboard Page', () => {
     // Checking if posts are rendered
     expect(screen.getByText('Post 15')).toBeInTheDocument();
 
-    // Checking if membership requests are rendered
     expect(screen.getByText('Jane Doe')).toBeInTheDocument();
 
     const peopleBtn = screen.getByText('Members');
@@ -147,4 +146,26 @@ describe('Organisation Dashboard Page', () => {
     await wait();
     expect(window.location).toBeAt('/orglist');
   });
+
+  test('rendering of upcoming events', async () => {
+    render(
+      <MockedProvider addTypename={false} link={link1}>
+        <BrowserRouter>
+          <Provider store={store}>
+            <I18nextProvider i18n={i18nForTest}>
+              <OrganizationDashboard />
+            </I18nextProvider>
+          </Provider>
+        </BrowserRouter>
+      </MockedProvider>
+    );
+
+    await wait();
+
+    const upcomingEventsTitle = screen.getByText('Upcoming Events');
+    expect(upcomingEventsTitle).toBeInTheDocument();
+
+    const upcomingEvents = screen.queryAllByTestId('upcomingEventItem');
+    expect(upcomingEvents.length).toBeGreaterThanOrEqual(0);
+  });
 });

src/screens/OrganizationDashboard/OrganizationDashboard.tsx

@@ -228,7 +228,7 @@ function organizationDashboard(): JSX.Element {
                   {t('viewAll')}
                 </Button>
               </div>
-              <Card.Body className={styles.cardBody}>
+              <Card.Body className={styles.memeberShipCard}>
                 {loadingOrgData ? (
                   [...Array(4)].map((_, index) => {
                     return <CardItemLoading key={index} />;