feat: remove from now duration util

Author: arunjaindev

src/Shared/utils.tsx

@@ -1,5 +1,3 @@
-import moment from 'moment'
-
 import { AppType } from '@devtron-labs/devtron-fe-common-lib'
 
 const getAppTypeCategory = (appType: AppType) => {
@@ -20,29 +18,3 @@ const getAppTypeCategory = (appType: AppType) => {
 
 export const getAIAnalyticsEvents = (context: string, appType?: AppType) =>
     `AI_${appType ? `${getAppTypeCategory(appType)}_` : ''}${context}`
-
-export const formatDurationFromNow = (timestamp: string | number | Date): string => {
-    if (!timestamp) {
-        return ''
-    }
-    const now = moment()
-    const then = moment(timestamp)
-    const duration = moment.duration(now.diff(then))
-
-    const units = [
-        { label: 'd', value: duration.days() },
-        { label: 'h', value: duration.hours() },
-        { label: 'm', value: duration.minutes() },
-        { label: 's', value: duration.seconds() },
-    ]
-
-    // Filter out zero values and take the first two non-zero units
-    const nonZeroUnits = units.filter((unit) => unit.value > 0).slice(0, 2)
-
-    // If all units are zero, show "0s"
-    if (nonZeroUnits.length === 0) {
-        return '0s'
-    }
-
-    return nonZeroUnits.map((unit) => `${unit.value}${unit.label}`).join(' ')
-}

src/components/ClusterNodes/ClusterEvents.tsx

@@ -22,6 +22,7 @@ import { PodEventsType } from '../v2/appDetails/k8Resource/nodeDetail/NodeDetail
 import MessageUI from '../v2/common/message.ui'
 import { getClusterEvents } from './clusterNodes.service'
 import { ClusterEventsType } from './types'
+import { getAIAnalyticsEvents } from 'src/Shared'
 
 export default function ClusterEvents({ terminalAccessId, reconnectStart, clusterId }: ClusterEventsType) {
     const [events, setEvents] = useState([])
@@ -81,7 +82,7 @@ export default function ClusterEvents({ terminalAccessId, reconnectStart, cluste
             errorValue={errorValue}
             reconnect={reconnectStart}
             clusterId={clusterId}
-            aiWidgetAnalyticsEvent='AI_RB_EVENT'
+            aiWidgetAnalyticsEvent={getAIAnalyticsEvents('RB_EVENT')}
         />
     )
 }

src/components/ResourceBrowser/ResourceList/BaseResourceList.tsx

@@ -17,6 +17,7 @@
 import { useEffect, useMemo, useRef, useState } from 'react'
 import { useHistory, useLocation, useRouteMatch } from 'react-router-dom'
 import DOMPurify from 'dompurify'
+import { getAIAnalyticsEvents } from 'src/Shared'
 
 import {
     ALL_NAMESPACE_OPTION,
@@ -565,7 +566,7 @@ const BaseResourceListContent = ({
                                                 status: resourceData.status ?? '',
                                             },
                                             prompt: `Debug what's wrong with ${resourceData.name}/${selectedResource?.gvk?.Kind} of ${resourceData.namespace}`,
-                                            analyticsCategory: 'AI_RB_RESOURCE',
+                                            analyticsCategory: getAIAnalyticsEvents('RB__RESOURCE'),
                                         }}
                                     />
                                 </div>

src/components/ResourceBrowser/ResourceList/EventList.tsx

@@ -16,6 +16,7 @@
 
 /* eslint-disable react/no-danger */
 import DOMPurify from 'dompurify'
+import { getAIAnalyticsEvents } from 'src/Shared'
 
 import { highlightSearchText, Tooltip } from '@devtron-labs/devtron-fe-common-lib'
 
@@ -160,7 +161,7 @@ export const EventList = ({ listRef, filteredData, handleResourceClick, searchTe
                                     clusterId,
                                     metadata: eventDetails,
                                     prompt: JSON.stringify(eventDetails),
-                                    analyticsCategory: 'AI_RB_RESOURCE',
+                                    analyticsCategory: getAIAnalyticsEvents('RB_RESOURCE'),
                                 }}
                             />
                         ) : (

src/components/ResourceBrowser/ResourceList/K8SResourceList.tsx

@@ -16,6 +16,7 @@
 
 import { useMemo, useRef, useState } from 'react'
 import { useLocation, useParams } from 'react-router-dom'
+import { getAIAnalyticsEvents } from 'src/Shared'
 
 import {
     abortPreviousRequests,
@@ -133,7 +134,10 @@ export const K8SResourceList = ({
             handleResourceClick={handleResourceClick}
         >
             {PodRestart && (
-                <PodRestart aiWidgetAnalyticsEvent="AI_RB_POD_RESTART" rbacPayload={getPodRestartRBACPayload()} />
+                <PodRestart
+                    aiWidgetAnalyticsEvent={getAIAnalyticsEvents('RB_POD_RESTART')}
+                    rbacPayload={getPodRestartRBACPayload()}
+                />
             )}
         </BaseResourceList>
     )

src/components/app/details/appDetails/AppStatusCard.tsx

@@ -56,7 +56,7 @@ const AppStatusCard = ({ appDetails, status, cardLoading, setDetailed, message }
                     </Tippy>
                 )}
                 <div className="app-details-info-card__bottom-container__details fs-12 fw-6">Details</div>
-                {!isStatusHealthy && (debugNode || message) && (
+                {ExplainWithAIButton && !isStatusHealthy && (debugNode || message) && (
                     <ExplainWithAIButton
                         intelligenceConfig={{
                             clusterId: appDetails.clusterId,

src/components/v2/appDetails/k8Resource/nodeDetail/NodeDetailTabs/EventsTable.tsx

@@ -14,9 +14,12 @@
  * limitations under the License.
  */
 
-import { formatDurationFromNow } from 'src/Shared'
-
-import { AppThemeType, getComponentSpecificThemeClass, Icon } from '@devtron-labs/devtron-fe-common-lib'
+import {
+    AppThemeType,
+    getComponentSpecificThemeClass,
+    getTimeDifference,
+    Icon,
+} from '@devtron-labs/devtron-fe-common-lib'
 
 import { importComponentFromFELibrary } from '@Components/common'
 
@@ -32,8 +35,8 @@ const EVENTS_TABLE_HEADERS = [
     'Reason',
     'Message',
     'Count',
-    'Last Seen',
     'Age',
+    'Last Seen',
     ...(ExplainWithAIButton ? [''] : []),
 ]
 
@@ -83,8 +86,11 @@ export const EventsTable = ({
                     </div>
                     {eventsList.map((event, index) => {
                         const { type, reason, message, count, firstTimestamp, lastTimestamp } = event
-                        const lastSeen = formatDurationFromNow(lastTimestamp)
-                        const age = formatDurationFromNow(firstTimestamp)
+
+                        const currentTimeStamp = new Date().toISOString()
+                        const lastSeen = getTimeDifference({ startTime: lastTimestamp, endTime: currentTimeStamp })
+                        const age = getTimeDifference({ startTime: firstTimestamp, endTime: currentTimeStamp })
+
                         const isNormalEventType = type === 'Normal'
                         return (
                             <div