fix(Moment): update date time navigation issues

ref:
PR-2408-2-56

src/common/enums/moment.ts

@@ -0,0 +1 @@
+export const MOMENT_DIGEST_REFERRER = 'momentDigestReferrer'

src/components/Dialogs/MomentDetailDialog/Content.tsx

@@ -8,7 +8,8 @@ import {
   DISABLE_SUSPEND_DISMISS_ON_ESC,
   ENABLE_SUSPEND_DISMISS_ON_ESC,
 } from '~/common/enums'
-import { makeMentionElement, toPath } from '~/common/utils'
+import { MOMENT_DIGEST_REFERRER } from '~/common/enums/moment'
+import { makeMentionElement, sessionStorage, toPath } from '~/common/utils'
 import {
   MomentDigestDetail,
   QueryError,
@@ -103,17 +104,18 @@ const MomentDetailDialogContent = ({
   })
 
   const closeDialog = () => {
-    const isFirstPageVisit = window.history.length <= 1
-    if (isInMomentDetailPage && isFirstPageVisit) {
+    const momentDigestReferrer = sessionStorage.get(MOMENT_DIGEST_REFERRER)
+    if (isInMomentDetailPage && momentDigestReferrer) {
+      window.history.back()
+    }
+
+    if (isInMomentDetailPage && !momentDigestReferrer) {
       const userProfilePath = toPath({
         page: 'userProfile',
         userName: moment.author.userName || '',
       })
       router.push(userProfilePath.href)
     }
-    if (isInMomentDetailPage && !isFirstPageVisit) {
-      window.history.back()
-    }
     _closeDialog()
   }
 

src/components/MomentDigest/Feed/index.tsx

@@ -2,7 +2,8 @@ import { FormattedMessage } from 'react-intl'
 
 import { ReactComponent as IconDot } from '@/public/static/icons/dot.svg'
 import { TEST_ID } from '~/common/enums'
-import { captureClicks, toPath } from '~/common/utils'
+import { MOMENT_DIGEST_REFERRER } from '~/common/enums/moment'
+import { captureClicks, sessionStorage, toPath } from '~/common/utils'
 import {
   DateTime,
   Expandable,
@@ -47,6 +48,10 @@ export const MomentDigestFeed = ({
     router.push(momentDetailPath.href)
   }
 
+  const handleClickDateTime = () => {
+    sessionStorage.set(MOMENT_DIGEST_REFERRER, true)
+  }
+
   const Container = ({
     openMomentDetail,
     hasAuthor,
@@ -73,7 +78,7 @@ export const MomentDigestFeed = ({
             </section>
           )}
           <section>
-            <LinkWrapper {...momentDetailPath}>
+            <LinkWrapper {...momentDetailPath} onClick={handleClickDateTime}>
               <DateTime date={createdAt} color="grey" />
             </LinkWrapper>
           </section>