feat: modified info

Signed-off-by: Innei <[email protected]>

.github/workflows/nextjs_bundle_analysis.yml

@@ -15,8 +15,8 @@ defaults:
     working-directory: ./
 
 env:
-  VERCEL_ORG_ID: innei
-  VERCEL_PROJECT_ID: springtide
+  VERCEL_ORG_ID: wqUeSmfmBfQzj0I1OehLu2H9
+  VERCEL_PROJECT_ID: prj_IUZGepAtVeh4GrzmFtp0BceSTCvX
 
 jobs:
   analyze:

src/app/posts/(post-detail)/[category]/[slug]/page.tsx

@@ -118,6 +118,7 @@ const PostMetaBarInternal: Component = ({ className }) => {
       category: data.category,
       tags: data.tags,
       count: data.count,
+      modified: data.modified,
     }
   })
   if (!meta) return null

src/components/layout/header/internal/UserAuth.tsx

@@ -51,7 +51,7 @@ export function UserAuth() {
       <SignedOut key="sign-in">
         <FloatPopover
           TriggerComponent={TriggerComponent}
-          wrapperClassNames="h-full w-full flex items-center justify-center"
+          wrapperClassName="h-full w-full flex items-center justify-center"
           type="tooltip"
         >
           登陆

src/components/ui/float-popover/FloatPopover.tsx

@@ -15,7 +15,7 @@ export const FloatPopover: FC<
   PropsWithChildren<{
     TriggerComponent: FC
     headless?: boolean
-    wrapperClassNames?: string
+    wrapperClassName?: string
     trigger?: 'click' | 'hover' | 'both'
     padding?: number
     offset?: number
@@ -40,7 +40,7 @@ export const FloatPopover: FC<
 > = (props) => {
   const {
     headless = false,
-    wrapperClassNames,
+    wrapperClassName: wrapperClassNames,
     TriggerComponent,
     trigger = 'hover',
     padding,

src/components/ui/markdown/renderers/link.tsx

@@ -70,7 +70,7 @@ export const MLink: FC<{
   return (
     <FloatPopover
       as="span"
-      wrapperClassNames="!inline"
+      wrapperClassName="!inline"
       TriggerComponent={useCallback(
         () => (
           <>

src/components/widgets/note/NoteTopicInfo.tsx

@@ -26,7 +26,7 @@ export const NoteTopicInfo = () => {
       <FloatPopover
         placement="right"
         strategy="fixed"
-        wrapperClassNames="flex flex-grow flex-shrink min-w-0"
+        wrapperClassName="flex flex-grow flex-shrink min-w-0"
         TriggerComponent={ToTopicLink}
       >
         <NoteTopicDetail topic={topic} />

src/components/widgets/post/PostMetaBar.tsx

@@ -2,16 +2,17 @@ import type { PostModel } from '@mx-space/api-client'
 
 import { MdiClockOutline } from '~/components/icons/clock'
 import { FeHash } from '~/components/icons/fa-hash'
+import { FloatPopover } from '~/components/ui/float-popover'
 import { RelativeTime } from '~/components/ui/relative-time'
 import { clsxm } from '~/utils/helper'
 
 export const PostMetaBar: Component<{
-  meta: Pick<PostModel, 'created' | 'category' | 'tags' | 'count'>
+  meta: Pick<PostModel, 'created' | 'modified' | 'category' | 'tags' | 'count'>
 }> = ({ className, meta }) => {
   return (
     <div
       className={clsxm(
-        'flex min-w-0 flex-shrink flex-grow space-x-2 text-sm',
+        'flex min-w-0 flex-shrink flex-grow flex-wrap space-x-2 text-sm',
         className,
       )}
     >
@@ -20,6 +21,15 @@ export const PostMetaBar: Component<{
         <span>
           <RelativeTime date={meta.created} />
         </span>
+        {meta.modified && (
+          <FloatPopover
+            wrapperClassName="text-xs self-end"
+            as="span"
+            TriggerComponent={() => '(已编辑)'}
+          >
+            编辑于 <RelativeTime date={meta.modified} />
+          </FloatPopover>
+        )}
       </div>
 
       <div className="flex min-w-0 items-center space-x-1">

src/components/widgets/toc/Toc.tsx

@@ -139,10 +139,7 @@ const TocTree: Component<
   }, [accessory])
   return (
     <ul
-      className={clsxm(
-        'overflow-y-auto px-2 font-medium scrollbar-none',
-        className,
-      )}
+      className={clsxm('overflow-y-auto px-2 scrollbar-none', className)}
       key={`${toc.map((i) => i.title).join('')}`}
       ref={containerRef}
     >