feat(ui): update main doc link (#6559)

* fix(ui): update docs link in help bar

* fix: https instead of http

* feat(ui): remove docs search

* fix: appease linter

* refactor: use isIOxOrg instead of ixNewIOxOrg

Author: mavarius

cypress/e2e/shared/helpBar.test.ts

@@ -10,9 +10,10 @@ describe('Help bar menu sub nav links', () => {
       .get('#documentation')
       .within(() => {
         cy.get('a').should($a => {
-          expect($a.attr('href'), 'href').to.equal(
-            'https://docs.influxdata.com/'
-          )
+          expect($a.attr('href'), 'href').to.be.oneOf([
+            'https://docs.influxdata.com/',
+            'https://docs.influxdata.com/influxdb/cloud-iox/',
+          ])
         })
       })
   })

src/me/components/DocSearchWidget.tsx

@@ -1,6 +1,5 @@
 // Libraries
 import React, {FC} from 'react'
-import {useSelector} from 'react-redux'
 
 // Components
 import DocSearch, {DocSearchType} from 'src/shared/search/DocSearch'
@@ -11,7 +10,6 @@ import {DOCS_URL_VERSION} from 'src/shared/constants/fluxFunctions'
 
 // Utils
 import {event} from 'src/cloud/utils/reporting'
-import {isOrgIOx} from 'src/organizations/selectors'
 
 // Styles
 import 'src/me/components/DocSearchWidget.scss'
@@ -75,30 +73,24 @@ const DocSearchWidget: FC = () => {
   return (
     <div className="WidgetSearch">
       <DocSearch type={DocSearchType.Widget} />
-      {!useSelector(isOrgIOx) && (
-        <>
-          <p className="WidgetHelperText">
-            Press CTRL + M on any page to search
-          </p>
-          <div className="useful-links">
-            <h4 style={{textTransform: 'uppercase'}}>Useful Links</h4>
-            <ul className="docslinks-list">
-              {supportLinks.map(({link, title, eventName}) => (
-                <li key={title}>
-                  <a
-                    href={link}
-                    target="_blank"
-                    rel="noreferrer"
-                    onClick={() => handleEventing(eventName)}
-                  >
-                    {title}
-                  </a>
-                </li>
-              ))}
-            </ul>
-          </div>
-        </>
-      )}
+      <p className="WidgetHelperText">Press CTRL + M on any page to search</p>
+      <div className="useful-links">
+        <h4 style={{textTransform: 'uppercase'}}>Useful Links</h4>
+        <ul className="docslinks-list">
+          {supportLinks.map(({link, title, eventName}) => (
+            <li key={title}>
+              <a
+                href={link}
+                target="_blank"
+                rel="noreferrer"
+                onClick={() => handleEventing(eventName)}
+              >
+                {title}
+              </a>
+            </li>
+          ))}
+        </ul>
+      </div>
     </div>
   )
 }

src/me/components/Resources.tsx

@@ -24,6 +24,7 @@ import {isOrgIOx} from 'src/organizations/selectors'
 
 const ResourceLists: FC = () => {
   const {paygCreditEnabled} = useContext(UsageContext)
+  const isIOxOrg = useSelector(isOrgIOx)
 
   return (
     <FlexBox
@@ -33,8 +34,7 @@ const ResourceLists: FC = () => {
       stretchToFitHeight={true}
       margin={ComponentSize.Large}
     >
-      <DocSearchWidget />
-      {useSelector(isOrgIOx) && (
+      {isIOxOrg ? (
         <AnnouncementCenter>
           <AnnouncementBlock
             title="New time-series engine for InfluxDB"
@@ -57,6 +57,8 @@ const ResourceLists: FC = () => {
             ctaLink="https://www.influxdata.com/cloud-iox-faq/"
           />
         </AnnouncementCenter>
+      ) : (
+        <DocSearchWidget />
       )}
       {CLOUD && paygCreditEnabled && <UsagePanel />}
       <VersionInfo />

src/pageLayout/containers/MainNavigation.tsx

@@ -20,7 +20,7 @@ import {isFlagEnabled} from 'src/shared/utils/featureFlag'
 import {isUserOperator} from 'src/operator/utils'
 
 // Selectors
-import {getOrg} from 'src/organizations/selectors'
+import {getOrg, isOrgIOx} from 'src/organizations/selectors'
 import {
   selectCurrentAccountType,
   selectOperatorRole,
@@ -247,6 +247,7 @@ export const MainNavigation: FC = () => {
   const operatorRole = useSelector(selectOperatorRole)
   const shouldShowNotebooks = useSelector(selectShouldShowNotebooks)
   const isNewIOxOrg = useSelector(selectIsNewIOxOrg)
+  const isIOxOrg = useSelector(isOrgIOx)
 
   const dispatch = useDispatch()
 
@@ -274,6 +275,10 @@ export const MainNavigation: FC = () => {
     return null
   }
 
+  const docslink = isIOxOrg
+    ? 'https://docs.influxdata.com/influxdb/cloud-iox/'
+    : 'https://docs.influxdata.com/'
+
   const handleToggleNavExpansion = (): void => {
     if (navbarMode === 'expanded') {
       setNavbarMode('collapsed')
@@ -412,7 +417,7 @@ export const MainNavigation: FC = () => {
             testID="nav-subitem-documentation"
             linkElement={() => (
               <SafeBlankLink
-                href="https://docs.influxdata.com/"
+                href={docslink}
                 onClick={() => handleEventing('documentation')}
               />
             )}