created a return button on event dashboard (#1057)

PalisadoesFoundation · Nov 13, 2023 · 23f034d · 23f034d
1 parent 464e546
commit 23f034d
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 1 deletion.
diff --git a/src/components/LeftDrawerEvent/LeftDrawerEvent.test.tsx b/src/components/LeftDrawerEvent/LeftDrawerEvent.test.tsx
@@ -18,7 +18,7 @@ const props: InterfaceLeftDrawerProps = {
     title: 'Test Event',
     description: 'Test Description',
     organization: {
-      _id: 'Test Organization',
+      _id: 'TestOrganization',
     },
   },
   hideDrawer: false,
@@ -218,4 +218,21 @@ describe('Testing Left Drawer component for the Event Dashboard', () => {
     expect(truncatedEventTitle).toContain('...');
     expect(truncatedEventDescription).toContain('...');
   });
+  test('Testing all events button', async () => {
+    localStorage.setItem('UserType', 'SUPERADMIN');
+    render(
+      <MockedProvider mocks={mocks}>
+        <BrowserRouter>
+          <I18nextProvider i18n={i18nForTest}>
+            <LeftDrawerEvent {...props} />
+          </I18nextProvider>
+        </BrowserRouter>
+      </MockedProvider>
+    );
+
+    userEvent.click(screen.getByTestId('allEventsBtn'));
+    expect(global.window.location.pathname).toBe(
+      `/orgevents/id=${props.event.organization._id}`
+    );
+  });
 });
diff --git a/src/components/LeftDrawerEvent/LeftDrawerEvent.tsx b/src/components/LeftDrawerEvent/LeftDrawerEvent.tsx
@@ -130,6 +130,20 @@ const leftDrawerEvent = ({
             eventId={event._id}
             key={`${event?._id || 'loading'}Stats`}
           />
+          <Button
+            variant="light"
+            data-testid="allEventsBtn"
+            className="text-secondary"
+            aria-label="allEvents"
+            onClick={(): void => {
+              history.push(`/orgevents/id=${event.organization._id}`);
+            }}
+          >
+            <div className={styles.iconWrapper}>
+              <IconComponent name="Events" fill="var(--bs-secondary)" />
+            </div>
+            All Events
+          </Button>
         </div>
 
         {/* Profile Section & Logout Btn */}