Remove scope icons

layouts/DocsPage/DocsPage.tsx

@@ -93,7 +93,6 @@ const DocsPage = ({
             icon={icon}
             getNewVersionPath={getPath}
             latest={latest}
-            scopes={scopes}
             isVersionAgnosticPage={isVersionAgnosticPage(route)}
           />
           {videoBanner && (

layouts/DocsPage/Header.tsx

@@ -2,18 +2,16 @@ import { useContext } from "react";
 import NextImage from "next/image";
 import Button from "components/Button";
 import Icon from "components/Icon";
-import { Scopes } from "./Scopes";
 import Versions from "./Versions";
 import { DocsContext } from "./context";
 import type { IconName } from "components/Icon";
-import type { VersionsInfo, ScopesInMeta } from "./types";
+import type { VersionsInfo } from "./types";
 import styles from "./Header.module.css";
 import forkmeUrl from "./assets/forkme.webp";
 
 interface DocHeaderProps {
   title: string;
   icon?: IconName;
-  scopes: ScopesInMeta;
   githubUrl?: string;
   latest?: string;
   versions?: VersionsInfo;
@@ -29,7 +27,6 @@ const DocHeader = ({
   versions,
   getNewVersionPath,
   latest,
-  scopes,
   isVersionAgnosticPage,
 }: DocHeaderProps) => {
   return (
@@ -56,7 +53,6 @@ const DocHeader = ({
               latest={latest}
             />
           )}
-          <Scopes className={styles.scopes} scopes={scopes} />
         </div>
       </div>
     </section>

layouts/DocsPage/Navigation.tsx

@@ -21,35 +21,6 @@ const SCOPE_DICTIONARY: Record<string, ScopeType> = {
   cloud2: "cloud",
 };
 
-const getScopeIcons = (scopes: ScopesInMeta) => {
-  if (scopes[0] === "noScope" || scopes[0] === "") {
-    return;
-  }
-
-  const scopeIcons = Object.keys(SCOPE_DICTIONARY).map(
-    (scope: "code3" | "building2" | "cloud2") => {
-      const hideScope = !scopes.includes(SCOPE_DICTIONARY[scope]);
-      const ariaLabel = hideScope ? "" : SCOPE_DICTIONARY[scope];
-
-      return (
-        <li
-          className={cn(
-            styles["scope-item"],
-            hideScope && styles["non-visible"]
-          )}
-          key={scope}
-          aria-label={ariaLabel}
-          aria-hidden={hideScope}
-        >
-          <Icon name={scope} size="xxs" />
-        </li>
-      );
-    }
-  );
-
-  return <ul className={styles["scope-list"]}>{scopeIcons}</ul>;
-};
-
 interface DocsNavigationItemsProps {
   entries: NavigationItem[];
   onClick: () => void;
@@ -82,7 +53,6 @@ const DocsNavigationItems = ({
                 onClick={onClick}
               >
                 {entry.title}
-                {!!entry.forScopes?.length && getScopeIcons(entry.forScopes)}
                 {!!entry.entries?.length && (
                   <Icon size="sm" name="ellipsis" className={styles.ellipsis} />
                 )}

pages/older-versions/index.tsx

@@ -19,11 +19,7 @@ const OldVersions = () => {
       <SiteHeader />
       <main className={styles.wrapper}>
         <div className={styles.body}>
-          <Header
-            title={title}
-            scopes={["noScope"]}
-            isVersionAgnosticPage={true}
-          />
+          <Header title={title} isVersionAgnosticPage={true} />
           <div className={styles.content}>
             <p>
               Deprecated versions of the Teleport docs can be found at the