feat: OPTIC-107: Draft saving on view all

src/components/TopBar/TopBar.js

@@ -19,6 +19,12 @@ export const TopBar = observer(({ store }) => {
 
   const isViewAll = annotationStore?.viewingAll === true;
 
+  const toggleViewAll = async () => {
+    !isViewAll && await store.submitDraft(annotationStore.selected, { useToast: true });
+    annotationStore.toggleViewingAllAnnotations();
+  };
+
+
   return store ? (
     <Block name="topbar" mod={{ newLabelingUI: isFF(FF_DEV_3873) }}>
       {isFF(FF_DEV_3873) ? (
@@ -31,7 +37,7 @@ export const TopBar = observer(({ store }) => {
                 icon={<IconViewAll />}
                 type="text"
                 aria-label="View All"
-                onClick={() => annotationStore.toggleViewingAllAnnotations()}
+                onClick={toggleViewAll}
                 primary={ isViewAll }
                 style={{
                   height: 36,

src/core/TimeTraveller.js

@@ -9,7 +9,7 @@ const TimeTraveller = types
     undoIdx: 0,
     targetPath: '',
     skipNextUndoState: types.optional(types.boolean, false),
-
+    lastAdditionTime: types.optional(types.Date, () => new Date()),
     createdIdx: 0,
   })
   .volatile(() => ({
@@ -77,6 +77,7 @@ const TimeTraveller = types
       },
 
       onUpdate(handler) {
+        this.lastAdditionTime = new Date();
         updateHandlers.add(handler);
         return () => {
           updateHandlers.delete(handler);