From c173276f0adb73e29d8ca47c71766234996a033d Mon Sep 17 00:00:00 2001
From: Kyle Gach <kyle.gach@gmail.com>
Date: Wed, 8 Nov 2023 17:39:50 -0700
Subject: [PATCH] Remove concept of active "framework"

- See: https://github.com/storybookjs/frontpage/pull/620
---
 src/components/Nav/MobileMenu.stories.tsx |  4 +---
 src/components/Nav/MobileMenu.tsx         |  4 +---
 src/components/Nav/Nav.stories.tsx        |  2 +-
 src/components/Nav/Nav.tsx                | 11 +----------
 src/components/Search.stories.tsx         |  1 -
 src/components/Search.tsx                 | 10 +---------
 src/components/SearchBlock.tsx            |  2 +-
 src/components/SubNav/SubNav.stories.tsx  | 10 +++++-----
 8 files changed, 11 insertions(+), 33 deletions(-)

diff --git a/src/components/Nav/MobileMenu.stories.tsx b/src/components/Nav/MobileMenu.stories.tsx
index 75f82c9..785268d 100644
--- a/src/components/Nav/MobileMenu.stories.tsx
+++ b/src/components/Nav/MobileMenu.stories.tsx
@@ -7,6 +7,4 @@ export default {
   component: MobileMenu,
 };
 
-export const Default = () => (
-  <MobileMenu navLinks={defaultLinks} framework="react" version="6.5" apiKey="api_key" />
-);
+export const Default = () => <MobileMenu navLinks={defaultLinks} version="6.5" apiKey="api_key" />;
diff --git a/src/components/Nav/MobileMenu.tsx b/src/components/Nav/MobileMenu.tsx
index 5946a39..032bfff 100644
--- a/src/components/Nav/MobileMenu.tsx
+++ b/src/components/Nav/MobileMenu.tsx
@@ -17,7 +17,6 @@ interface MobileMenuProps {
   navLinks: Links;
   inverse?: boolean;
   monochrome?: boolean;
-  framework: string;
   version: string;
   apiKey: string;
 }
@@ -27,7 +26,6 @@ export const MobileMenu = ({
   navLinks,
   inverse,
   monochrome,
-  framework,
   version,
   apiKey,
 }: MobileMenuProps) => {
@@ -46,7 +44,7 @@ export const MobileMenu = ({
         <Icon icon="menualt" />
       </IconButton>
       <Drawer open={open} setOpen={setOpen} label="nav links">
-        <GlobalSearch apiKey={apiKey} version={version} framework={framework} />
+        <GlobalSearch apiKey={apiKey} version={version} />
         {mobileGroupsWithLinks.map((group) => (
           <StackedNav key={group.label} label={group.label}>
             {group.items.map((item) => (
diff --git a/src/components/Nav/Nav.stories.tsx b/src/components/Nav/Nav.stories.tsx
index 7731746..e4832bf 100644
--- a/src/components/Nav/Nav.stories.tsx
+++ b/src/components/Nav/Nav.stories.tsx
@@ -88,7 +88,7 @@ export const FullStack = () => (
       link="https://storybook.js.org/blog/storybook-lazy-compilation-for-webpack/"
       githubStarCount={73724}
     />
-    <Nav apiKey="ALGOLIA_API_KEY" framework="react" version="6.5" activeSection="showcase" />
+    <Nav apiKey="ALGOLIA_API_KEY" version="6.5" activeSection="showcase" />
     <SubNav>
       <SubNavBreadcrumb tertiary href="/back">
         <Icon icon="arrowleft" />
diff --git a/src/components/Nav/Nav.tsx b/src/components/Nav/Nav.tsx
index d947898..7057c4f 100644
--- a/src/components/Nav/Nav.tsx
+++ b/src/components/Nav/Nav.tsx
@@ -108,7 +108,6 @@ const MobileNav = styled(MobileMenu)`
 interface NavProps {
   inverse?: boolean;
   monochrome?: boolean;
-  framework: string;
   version: string;
   apiKey: string;
   activeSection?: 'home' | 'why' | 'docs' | 'integrations' | 'showcase' | 'community';
@@ -130,7 +129,6 @@ const NavLinks = styled.div`
 export const Nav: FunctionComponent<NavProps> = ({
   inverse,
   monochrome,
-  framework = 'react',
   version = '6.5',
   apiKey,
   activeSection = 'home',
@@ -200,13 +198,7 @@ export const Nav: FunctionComponent<NavProps> = ({
             Enterprise
           </NavItem>
         </NavLinks>
-        <GlobalSearch
-          monochrome={monochrome}
-          framework={framework}
-          apiKey={apiKey}
-          version={version}
-          inverse={inverse}
-        />
+        <GlobalSearch monochrome={monochrome} apiKey={apiKey} version={version} inverse={inverse} />
         {/* Collapsed navs for tablet and mobile */}
         <TabletNav navLinks={navLinks} inverse={inverse} monochrome={monochrome} />
         <MobileNav
@@ -215,7 +207,6 @@ export const Nav: FunctionComponent<NavProps> = ({
           monochrome={monochrome}
           apiKey={apiKey}
           version={version}
-          framework={framework}
         />
       </NavContainer>
     </Wrapper>
diff --git a/src/components/Search.stories.tsx b/src/components/Search.stories.tsx
index 4f4b479..89deeb5 100644
--- a/src/components/Search.stories.tsx
+++ b/src/components/Search.stories.tsx
@@ -23,7 +23,6 @@ const Template = (args) => <Search {...args} />;
 
 export const Default = Template.bind({});
 Default.args = {
-  framework: 'react',
   version: 6.5,
   apiKey: 'ALGOLIA_API_KEY',
 };
diff --git a/src/components/Search.tsx b/src/components/Search.tsx
index badfbff..09f29c3 100644
--- a/src/components/Search.tsx
+++ b/src/components/Search.tsx
@@ -10,7 +10,6 @@ const algoliaDocSearchConfig = {
 };
 
 interface SearchProps {
-  framework: string;
   version: string;
   className?: string | undefined;
   inverse?: boolean;
@@ -143,13 +142,7 @@ const Shortcut: React.FC<{ keys: string[] }> = ({ keys }) => (
 
 const label = 'Search docs';
 
-export const Search: FunctionComponent<SearchProps> = ({
-  framework,
-  version,
-  inverse,
-  className,
-  apiKey,
-}) => (
+export const Search: FunctionComponent<SearchProps> = ({ version, inverse, className, apiKey }) => (
   <>
     {/* <GlobalStyle />  why do we need this? */}
     <Global styles={docSearchStyles} />
@@ -168,7 +161,6 @@ export const Search: FunctionComponent<SearchProps> = ({
                     between the containing values
                 */
                 [`tags:docs`, `tags:recipes`],
-                [`framework:${framework}`, `framework:agnostic`],
                 [`version:${version}`, `version:agnostic`],
               ],
           }}
diff --git a/src/components/SearchBlock.tsx b/src/components/SearchBlock.tsx
index a5e62d6..6fe9c6c 100644
--- a/src/components/SearchBlock.tsx
+++ b/src/components/SearchBlock.tsx
@@ -98,7 +98,7 @@ export const SearchBlock: FC<SearchBlockProps> = ({ version, apiKey }) => {
           <Desc>There’s probably an article for your issue already.</Desc>
         </div>
         <SearchWrapper>
-          <StyledSearch framework="react" version={version} apiKey={apiKey} />
+          <StyledSearch version={version} apiKey={apiKey} />
         </SearchWrapper>
       </Meta>
     </Wrapper>
diff --git a/src/components/SubNav/SubNav.stories.tsx b/src/components/SubNav/SubNav.stories.tsx
index e2794f2..8ac7a09 100644
--- a/src/components/SubNav/SubNav.stories.tsx
+++ b/src/components/SubNav/SubNav.stories.tsx
@@ -63,7 +63,7 @@ const communityItems: SubNavLinkItem[] = [
   },
 ];
 
-const frameworkOptions = Grouped.args.items;
+const rendererOptions = Grouped.args.items;
 const versionOptions = [
   {
     label: 'stable',
@@ -82,8 +82,8 @@ const versionOptions = [
   },
 ];
 
-const FrameworkSelect = () => (
-  <Menu label={frameworkOptions[0].items[0].label} items={frameworkOptions} primary />
+const RendererSelect = () => (
+  <Menu label={rendererOptions[0].items[0].label} items={rendererOptions} primary />
 );
 
 const VersionSelect = () => (
@@ -116,7 +116,7 @@ export const TabMenusLinklist = () => (
     <SubNavTabs label="Docs nav" items={docsItems} />
     <SubNavDivider />
     <SubNavMenus>
-      <FrameworkSelect />
+      <RendererSelect />
       <VersionSelect />
     </SubNavMenus>
     <SubNavRight>
@@ -175,7 +175,7 @@ export const BreadcrumbMenuLinklist = () => (
     </SubNavBreadcrumb>
     <SubNavDivider />
     <SubNavMenus>
-      <FrameworkSelect />
+      <RendererSelect />
       <VersionSelect />
     </SubNavMenus>
     <SubNavRight>