fixup! Add fe_lang, be_lang, and fe_or_be_lang props to If component

Author: GregHolmes

src/components/Layout/mdx/If.tsx

@@ -7,24 +7,30 @@ interface IfProps {
   lang?: LanguageKey;
   clientLang?: LanguageKey;
   agentLang?: LanguageKey;
-  clientOrAgentLang?: LanguageKey;
   loggedIn?: boolean;
   className?: string;
   children: React.ReactNode;
   as?: React.ElementType;
 }
 
-const If: React.FC<IfProps> = ({ lang, clientLang, agentLang, clientOrAgentLang, loggedIn, children }) => {
+const If: React.FC<IfProps> = ({ lang, clientLang, agentLang, loggedIn, children }) => {
   const { activePage } = useLayoutContext();
-  const { language, clientLanguage, agentLanguage } = activePage;
+  const { language, isDualLanguage, clientLanguage, agentLanguage } = activePage;
   const userContext = useContext(UserContext);
 
   let shouldShow = true;
 
   // Check language condition if lang prop is provided
-  if (lang !== undefined && language) {
+  if (lang !== undefined) {
     const splitLang = lang.split(',');
-    shouldShow = shouldShow && splitLang.includes(language);
+    if (isDualLanguage) {
+      // On dual-language pages, check if either client or agent matches
+      const clientMatches = clientLanguage && splitLang.includes(clientLanguage);
+      const agentMatches = agentLanguage && splitLang.includes(agentLanguage);
+      shouldShow = shouldShow && !!(clientMatches || agentMatches);
+    } else if (language) {
+      shouldShow = shouldShow && splitLang.includes(language);
+    }
   }
 
   // Check client language condition if clientLang prop is provided
@@ -39,14 +45,6 @@ const If: React.FC<IfProps> = ({ lang, clientLang, agentLang, clientOrAgentLang,
     shouldShow = shouldShow && splitLang.includes(agentLanguage);
   }
 
-  // Check if either client or agent matches (OR logic) - useful for shared requirements
-  if (clientOrAgentLang !== undefined) {
-    const splitLang = clientOrAgentLang.split(',');
-    const clientMatches = clientLanguage && splitLang.includes(clientLanguage);
-    const agentMatches = agentLanguage && splitLang.includes(agentLanguage);
-    shouldShow = shouldShow && (clientMatches || agentMatches);
-  }
-
   // Check logged in condition if loggedIn prop is provided
   if (loggedIn !== undefined && userContext.sessionState !== undefined) {
     const isSignedIn = userContext.sessionState.signedIn ?? false;

src/pages/docs/guides/ai-transport/anthropic/anthropic-message-per-response.mdx

@@ -39,7 +39,7 @@ You also need:
 
 Useful links:
 - [Anthropic API documentation](https://docs.anthropic.com/en/api)
-<If clientOrAgentLang="javascript">
+<If lang="javascript">
 - [Ably JavaScript SDK getting started](/docs/getting-started/javascript)
 </If>
 <If clientLang="swift">
@@ -48,7 +48,7 @@ Useful links:
 <If agentLang="python">
 - [Ably Python SDK getting started](/docs/getting-started/python)
 </If>
-<If clientOrAgentLang="java">
+<If lang="java">
 - [Ably Java SDK getting started](/docs/getting-started/java)
 </If>
 

src/pages/docs/guides/ai-transport/anthropic/anthropic-message-per-token.mdx

@@ -39,7 +39,7 @@ You also need:
 
 Useful links:
 - [Anthropic API documentation](https://docs.anthropic.com/en/api)
-<If clientOrAgentLang="javascript">
+<If lang="javascript">
 - [Ably JavaScript SDK getting started](/docs/getting-started/javascript)
 </If>
 <If clientLang="swift">
@@ -48,7 +48,7 @@ Useful links:
 <If agentLang="python">
 - [Ably Python SDK getting started](/docs/getting-started/python)
 </If>
-<If clientOrAgentLang="java">
+<If lang="java">
 - [Ably Java SDK getting started](/docs/getting-started/java)
 </If>