chore(plus/updates): hide filters if not authenticated (#13143)

caugner · web-flow · commit c7d2b32bba99 · 2025-06-11T17:31:59.000+02:00
* chore(plus/updates): hide filters if non-authenticated

Also removes the upsell banner.

* refactor(plus/updates): reuse canFilter
diff --git a/client/src/plus/updates/index.tsx b/client/src/plus/updates/index.tsx
@@ -21,7 +21,6 @@ import { useEffect, useState } from "react";
 import { useSearchParams } from "react-router-dom";
 import { DataError } from "../common";
 import { useCollections } from "../collections/api";
-import { PlusLoginBanner } from "../common/login-banner";
 import React from "react";
 
 const LazyCompatTable = React.lazy(
@@ -191,26 +190,22 @@ function UpdatesLayout() {
         </Container>
       </header>
       <Container>
-        <SearchFilter
-          filters={filters}
-          sorts={SORTS}
-          isDisabled={!canFilter}
-          onChange={(key, newValue, oldValue) =>
-            gleanClick(
-              `${PLUS_UPDATES.FILTER_CHANGE}_${key}: ${
-                oldValue ?? "(default)"
-              } -> ${newValue ?? "(default)"}`
-            )
-          }
-        />
-
-        {user && !user.isAuthenticated && (
-          <PlusLoginBanner gleanPrefix={PLUS_UPDATES.MDN_PLUS}>
-            Want to use filters?
-          </PlusLoginBanner>
+        {canFilter && (
+          <SearchFilter
+            filters={filters}
+            sorts={SORTS}
+            isDisabled={!canFilter}
+            onChange={(key, newValue, oldValue) =>
+              gleanClick(
+                `${PLUS_UPDATES.FILTER_CHANGE}_${key}: ${
+                  oldValue ?? "(default)"
+                } -> ${newValue ?? "(default)"}`
+              )
+            }
+          />
         )}
 
-        {user && user.isAuthenticated && hasFilters && (
+        {canFilter && hasFilters && (
           <Button
             type="action"
             extraClasses="reset-filters"
