diff --git a/web/core/components/project/card-list.tsx b/web/core/components/project/card-list.tsx
index ee5fabd987a..d307dd9305b 100644
--- a/web/core/components/project/card-list.tsx
+++ b/web/core/components/project/card-list.tsx
@@ -45,7 +45,7 @@ export const ProjectCardList = observer(() => {
{searchQuery.trim() === ""
? "Remove the filters to see all projects"
- : "No projects detected with the matching\ncriteria. Create a new project instead"}
+ : "No projects detected with the matching criteria.\nCreate a new project instead"}
diff --git a/web/core/components/project/dropdowns/filters/root.tsx b/web/core/components/project/dropdowns/filters/root.tsx
index 89f76471d1b..c7788ba969a 100644
--- a/web/core/components/project/dropdowns/filters/root.tsx
+++ b/web/core/components/project/dropdowns/filters/root.tsx
@@ -51,15 +51,6 @@ export const ProjectFiltersSelection: React.FC = observer((props) => {
}
title="My projects"
/>
-
- handleDisplayFiltersUpdate({
- archived_projects: !displayFilters.archived_projects,
- })
- }
- title="Archived"
- />
{/* access */}
diff --git a/web/core/components/project/header.tsx b/web/core/components/project/header.tsx
index 5593ddb10ba..4c78030b38b 100644
--- a/web/core/components/project/header.tsx
+++ b/web/core/components/project/header.tsx
@@ -177,7 +177,7 @@ export const ProjectsBaseHeader = observer(() => {
/>
- {isAuthorizedUser && (
+ {isAuthorizedUser && !isArchived && (
{
diff --git a/web/core/components/project/root.tsx b/web/core/components/project/root.tsx
index ad649b5de6f..744b248de10 100644
--- a/web/core/components/project/root.tsx
+++ b/web/core/components/project/root.tsx
@@ -30,6 +30,12 @@ const Root = observer(() => {
// derived values
const pageTitle = currentWorkspace?.name ? `${currentWorkspace?.name} - Projects` : undefined;
+ const isArchived = pathname.includes("/archives");
+
+ const allowedDisplayFilters = currentWorkspaceAppliedDisplayFilters?.filter(
+ (filter) => filter !== "archived_projects"
+ ) ?? [];
+
const handleRemoveFilter = useCallback(
(key: keyof TProjectFilters, value: string | null) => {
if (!workspaceSlug) return;
@@ -55,25 +61,24 @@ const Root = observer(() => {
if (!workspaceSlug) return;
clearAllFilters(workspaceSlug.toString());
clearAllAppliedDisplayFilters(workspaceSlug.toString());
+ if (isArchived) updateDisplayFilters(workspaceSlug.toString(), { archived_projects: true });
}, [clearAllFilters, clearAllAppliedDisplayFilters, workspaceSlug]);
useEffect(() => {
- if (pathname.includes("/archives")) {
- updateDisplayFilters(workspaceSlug.toString(), { archived_projects: true });
- } else {
- updateDisplayFilters(workspaceSlug.toString(), { archived_projects: false });
- }
+ isArchived ? updateDisplayFilters(workspaceSlug.toString(), { archived_projects: true }) :
+ updateDisplayFilters(workspaceSlug.toString(), { archived_projects: false });
}, [pathname]);
+
return (
<>
{(calculateTotalFilters(currentWorkspaceFilters ?? {}) !== 0 ||
- currentWorkspaceAppliedDisplayFilters?.length !== 0) && (
+ (allowedDisplayFilters.length>0)) && (