2 files changed, 26 insertions, 4 deletions
diff --git a/FrontEnd/src/http/timeline.ts b/FrontEnd/src/http/timeline.ts
index 65717a83..0e1ceb81 100644
--- a/FrontEnd/src/http/timeline.ts
+++ b/FrontEnd/src/http/timeline.ts
@@ -50,6 +50,7 @@ export interface HttpTimelinePostDataDigest {
 
 export interface HttpTimelinePostInfo {
   id: number;
+  deleted: false;
   time: string;
   author: HttpUser;
   dataList: HttpTimelinePostDataDigest[];
@@ -60,6 +61,23 @@ export interface HttpTimelinePostInfo {
   editable: boolean;
 }
 
+export interface HttpTimelineDeletedPostInfo {
+  id: number;
+  deleted: true;
+  time: string;
+  author?: HttpUser;
+  dataList: HttpTimelinePostDataDigest[];
+  color?: string;
+  lastUpdated: string;
+  timelineOwnerV2: string;
+  timelineNameV2: string;
+  editable: boolean;
+}
+
+export type HttpTimelineGenericPostInfo =
+  | HttpTimelinePostInfo
+  | HttpTimelineDeletedPostInfo;
+
 export interface HttpTimelinePostPostRequestData {
   contentType: string;
   data: string;
@@ -116,7 +134,7 @@ export interface IHttpTimelineClient {
   listPost(
     ownerUsername: string,
     timelineName: string
-  ): Promise<Page<HttpTimelinePostInfo>>;
+  ): Promise<Page<HttpTimelineGenericPostInfo>>;
   generatePostDataUrl(
     ownerUsername: string,
     timelineName: string,
@@ -218,9 +236,9 @@ export class HttpTimelineClient implements IHttpTimelineClient {
   listPost(
     ownerUsername: string,
     timelineName: string
-  ): Promise<Page<HttpTimelinePostInfo>> {
+  ): Promise<Page<HttpTimelineGenericPostInfo>> {
     return axios
-      .get<Page<HttpTimelinePostInfo>>(
+      .get<Page<HttpTimelineGenericPostInfo>>(
         `${apiBaseUrl}/v2/timelines/${ownerUsername}/${timelineName}/posts`
       )
       .then(extractResponseData);
diff --git a/FrontEnd/src/views/timeline/Timeline.tsx b/FrontEnd/src/views/timeline/Timeline.tsx
index a2047651..7fb58e0c 100644
--- a/FrontEnd/src/views/timeline/Timeline.tsx
+++ b/FrontEnd/src/views/timeline/Timeline.tsx
@@ -89,7 +89,11 @@ const Timeline: React.FC<TimelineProps> = (props) => {
         ([t, p]) => {
           if (subscribe) {
             setTimeline(t);
-            setPosts(p.items);
+            setPosts(
+              p.items.filter(
+                (p): p is HttpTimelinePostInfo => p.deleted === false
+              )
+            );
             setState("loaded");
             onTimelineLoaded.current?.(t);
           }