From 3d54af4264011e1fed83da82e8cef10921e8a839 Mon Sep 17 00:00:00 2001
From: Nakul Nagargade <133095394+nakulnagargade@users.noreply.github.com>
Date: Fri, 19 Apr 2024 13:21:07 +0530
Subject: [PATCH] feat: Updating the format of the name of exported file in
 table component (#8885)

* Update the format of the name of exported file in table component.

* Replace : with -

* Use moment instead of date-fns

* render fix

---------

Co-authored-by: Adish M <adish.madhu@gmail.com>
Co-authored-by: Johnson Cherian <johnsonc.dev@gmail.com>
---
 frontend/src/Editor/Components/Table/Table.jsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/src/Editor/Components/Table/Table.jsx b/frontend/src/Editor/Components/Table/Table.jsx
index 68b16b4bec..ab1401e7c3 100644
--- a/frontend/src/Editor/Components/Table/Table.jsx
+++ b/frontend/src/Editor/Components/Table/Table.jsx
@@ -54,6 +54,7 @@ import Skeleton, { SkeletonTheme } from 'react-loading-skeleton';
 import { OverlayTriggerComponent } from './OverlayTriggerComponent';
 // eslint-disable-next-line import/no-unresolved
 import { diff } from 'deep-object-diff';
+import moment from 'moment';
 
 // utilityForNestedNewRow function is used to construct nested object while adding or updating new row when '.' is present in column key for adding new row
 const utilityForNestedNewRow = (row) => {
@@ -344,6 +345,10 @@ export function Table({
     }
   }
 
+  function getExportFileName() {
+    return `${component?.name}_${moment().format('DD-MM-YYYY_HH-mm')}`;
+  }
+
   function onPageIndexChanged(page) {
     onComponentOptionChanged(component, 'pageIndex', page).then(() => {
       onEvent('onPageChanged', tableEvents, { component });
@@ -633,6 +638,7 @@ export function Table({
       pageCount: -1,
       manualPagination: false,
       getExportFileBlob,
+      getExportFileName,
       disableSortBy: !enabledSort,
       manualSortBy: serverSideSort,
       stateReducer: (newState, action, prevState) => {