only when version higher and show after login (#2217)

* only when version higher and show after login

* unused import

frontend/projects/ui/src/app/app/menu/menu.component.ts

@@ -9,12 +9,12 @@ import { PatchDB } from 'patch-db-client'
 import {
   combineLatest,
   filter,
+  first,
   map,
   Observable,
   pairwise,
   startWith,
   switchMap,
-  withLatestFrom,
 } from 'rxjs'
 import { AbstractMarketplaceService } from '@start9labs/marketplace'
 import { MarketplaceService } from 'src/app/services/marketplace.service'
@@ -69,8 +69,8 @@ export class MenuComponent {
 
   private readonly local$ = this.connectionService.connected$.pipe(
     filter(Boolean),
-    withLatestFrom(this.patch.watch$('package-data')),
-    switchMap(([_, outer]) =>
+    switchMap(() => this.patch.watch$('package-data').pipe(first())),
+    switchMap(outer =>
       this.patch.watch$('package-data').pipe(
         pairwise(),
         filter(([prev, curr]) =>

frontend/projects/ui/src/app/pages/updates/updates.page.ts

@@ -4,7 +4,6 @@ import { PatchDB } from 'patch-db-client'
 import {
   DataModel,
   PackageDataEntry,
-  PackageState,
 } from 'src/app/services/patch-db/data-model'
 import { MarketplaceService } from 'src/app/services/marketplace.service'
 import {
@@ -179,16 +178,12 @@ export class FilterUpdatesPipe implements PipeTransform {
     pkgs: MarketplacePkg[],
     local: Record<string, PackageDataEntry | undefined>,
   ): MarketplacePkg[] {
-    return pkgs.filter(({ manifest }) => {
-      const localPkg = local[manifest.id]
-
-      return (
-        localPkg?.state === PackageState.Updating ||
+    return pkgs.filter(
+      ({ manifest }) =>
         this.emver.compare(
           manifest.version,
-          localPkg?.installed?.manifest.version || '',
-        ) === 1
+          local[manifest.id]?.installed?.manifest.version || '',
+        ) === 1,
     )
-    })
   }
 }