fix: Fetch FFs on login page (#6171)

* fix: Fetch FFs on login page

* chore: prettier

Co-authored-by: Dustin Eaton <deaton@influxdata.com>

Author: ChitlangeSahas

src/Setup.tsx

@@ -1,12 +1,14 @@
 // Libraries
 import React, {ReactElement, PureComponent, Suspense, lazy} from 'react'
+import {connect, ConnectedProps} from 'react-redux'
 import {Switch, Route, RouteComponentProps} from 'react-router-dom'
 
 // APIs
 import {getSetup} from 'src/client'
 
 // Components
 import {ErrorHandling} from 'src/shared/decorators/errors'
+import {getPublicFlags} from 'src/shared/thunks/flags'
 import PageSpinner from 'src/perf/components/PageSpinner'
 import {CloudLoginPage} from 'src/onboarding/containers/CloudLoginPage'
 // lazy loading the Authenticate component causes wasm issues
@@ -26,6 +28,7 @@ import {isOnboardingURL} from 'src/onboarding/utils'
 
 // Types
 import {RemoteDataState} from 'src/types'
+import {CLOUD} from 'src/shared/constants'
 
 interface State {
   loading: RemoteDataState
@@ -36,10 +39,11 @@ interface OwnProps {
   children: ReactElement<any>
 }
 
-type Props = RouteComponentProps & OwnProps
+type ReduxProps = ConnectedProps<typeof connector>
+type Props = OwnProps & RouteComponentProps & ReduxProps
 
 @ErrorHandling
-export class Setup extends PureComponent<Props, State> {
+export class SetupUnconnected extends PureComponent<Props, State> {
   constructor(props: Props) {
     super(props)
 
@@ -52,6 +56,10 @@ export class Setup extends PureComponent<Props, State> {
   public async componentDidMount() {
     const {history} = this.props
 
+    if (CLOUD) {
+      await this.props.getPublicFlags()
+    }
+
     if (isOnboardingURL()) {
       this.setState({
         loading: RemoteDataState.Done,
@@ -126,4 +134,10 @@ export class Setup extends PureComponent<Props, State> {
   }
 }
 
-export default Setup
+const mdtp = {
+  getPublicFlags: getPublicFlags,
+}
+
+const connector = connect(null, mdtp)
+
+export const Setup = connector(SetupUnconnected)

src/index.tsx

@@ -13,7 +13,7 @@ import {getStore} from 'src/store/configureStore'
 import {history} from 'src/store/history'
 
 // Components
-import Setup from 'src/Setup'
+import {Setup} from 'src/Setup'
 import PageSpinner from 'src/perf/components/PageSpinner'
 
 // Utilities