Refactor timeline observable.

1 files changed, 8 insertions, 3 deletions

diff --git a/Timeline/ClientApp/src/app/timeline/TimelinePageTemplateUI.tsx b/Timeline/ClientApp/src/app/timeline/TimelinePageTemplateUI.tsx
index 70507988..18b3323d 100644
--- a/Timeline/ClientApp/src/app/timeline/TimelinePageTemplateUI.tsx
+++ b/Timeline/ClientApp/src/app/timeline/TimelinePageTemplateUI.tsx
@@ -24,7 +24,7 @@ import Timeline, {
 import AppBar from '../common/AppBar';

 import TimelinePostEdit, { TimelinePostSendCallback } from './TimelinePostEdit';

 

-type TimelinePostSyncState = 'cache' | 'syncing' | 'synced' | 'offline';

+type TimelinePostSyncState = 'syncing' | 'synced' | 'offline';

 

 const TimelinePostSyncStateBadge: React.FC<{

   state: TimelinePostSyncState;

@@ -37,7 +37,6 @@ const TimelinePostSyncStateBadge: React.FC<{
     <div style={style} className={clsx('timeline-sync-state-badge', className)}>

       {(() => {

         switch (state) {

-          case 'cache':

           case 'syncing': {

             return (

               <>

@@ -226,11 +225,17 @@ export default function TimelinePageTemplateUI<TManageItems>(
             ? 'calc(68px + 1.5em)'

             : `${cardHeight + 60}px`;

 

+          const syncState: TimelinePostSyncState = postListState.syncing

+            ? 'syncing'

+            : postListState.type === 'synced'

+            ? 'synced'

+            : 'offline';

+

           timelineBody = (

             <div>

               <TimelinePostSyncStateBadge

                 style={{ top: topHeight }}

-                state={postListState.type}

+                state={syncState}

               />

               <Timeline

                 containerRef={timelineRef}