do not show recent deleted projects

Author: magland

package.json

@@ -1,7 +1,7 @@
 {
   "name": "dendro",
   "private": true,
-  "version": "0.2.14",
+  "version": "0.2.15",
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",

src/RecentProjectsPanel/RecentProjectsPanel.tsx

@@ -1,8 +1,9 @@
-import { FunctionComponent, useCallback, useEffect, useState } from "react"
+import { FunctionComponent, useCallback, useEffect, useMemo, useState } from "react"
 import useRoute from "../useRoute"
 import { useDendro } from "../DendroContext/DendroContext"
 import { DendroProject, isDendroProject } from "../types/dendro-types"
 import { Hyperlink } from "@fi-sci/misc";
+import useProjectsForUser from "../pages/ProjectsPage/useProjectsForUser";
 
 type RecentProjectsPanelProps = {
     width: number
@@ -62,6 +63,10 @@ const useRecentProjects = () => {
 }
 
 const RecentProjectsPanel: FunctionComponent<RecentProjectsPanelProps> = ({width, height, expanded}) => {
+    const projectsForUser = useProjectsForUser()
+    const projectIdsForUser = useMemo(() => (
+        projectsForUser ? projectsForUser.map(p => p.projectId) : []
+    ), [projectsForUser])
     const {recentProjects, addRecentProject} = useRecentProjects()
     const {route, setRoute} = useRoute()
 
@@ -109,7 +114,7 @@ const RecentProjectsPanel: FunctionComponent<RecentProjectsPanelProps> = ({width
                         </tr>
                     </thead>
                     <tbody>
-                        {recentProjects.map(rp => (
+                        {recentProjects.filter(p => projectIdsForUser.includes(p.projectId)).map(rp => (
                             <tr
                                 key={rp.projectId}
                                 style={{