feat: Timeline top is back.

1 files changed, 4 insertions, 1 deletions

diff --git a/FrontEnd/src/app/views/timeline-common/TimelinePostListView.tsx b/FrontEnd/src/app/views/timeline-common/TimelinePostListView.tsx
index 961b4667..fe12b806 100644
--- a/FrontEnd/src/app/views/timeline-common/TimelinePostListView.tsx
+++ b/FrontEnd/src/app/views/timeline-common/TimelinePostListView.tsx
@@ -5,6 +5,7 @@ import { HttpTimelinePostInfo } from "@/http/timeline";
 
 import TimelinePostView from "./TimelinePostView";
 import TimelineDateLabel from "./TimelineDateLabel";
+import TimelineTop from "./TimelineTop";
 
 function dateEqual(left: Date, right: Date): boolean {
   return (
@@ -17,12 +18,13 @@ function dateEqual(left: Date, right: Date): boolean {
 export interface TimelinePostListViewProps {
   className?: string;
   style?: React.CSSProperties;
+  top?: string | number;
   posts: HttpTimelinePostInfo[];
   onReload: () => void;
 }
 
 const TimelinePostListView: React.FC<TimelinePostListViewProps> = (props) => {
-  const { className, style, posts, onReload } = props;
+  const { className, style, top, posts, onReload } = props;
 
   const groupedPosts = React.useMemo<
     { date: Date; posts: (HttpTimelinePostInfo & { index: number })[] }[]
@@ -51,6 +53,7 @@ const TimelinePostListView: React.FC<TimelinePostListViewProps> = (props) => {
 
   return (
     <div style={style} className={clsx("timeline", className)}>
+      {top && <TimelineTop height={top} />}
       {groupedPosts.map((group) => {
         return (
           <Fragment key={group.date.toDateString()}>