Feature flag Amazon Game Store (#603)

* feature flag AGS

* flag manage accounts

Author: BrettCleary

src/frontend/App.tsx

@@ -29,6 +29,7 @@ import DownloadToastManager from './components/UI/DownloadToastManager'
 import TopNavBar from './components/UI/TopNavBar'
 import StoreNavHandler from './StoreNavHandler'
 import QaAuthHandler from './QaAuthHandler'
+import { ENABLE_AMAZON_STORE } from './constants'
 
 function App() {
   const { sidebarCollapsed, isSettingsModalOpen } = useContext(ContextProvider)
@@ -65,7 +66,9 @@ function App() {
             />
             <Route path="epicstore" element={<WebView key="epicstore" />} />
             <Route path="gogstore" element={<WebView key="gogstore" />} />
-            <Route path="amazonstore" element={<WebView />} />
+            {ENABLE_AMAZON_STORE ? (
+              <Route path="amazonstore" element={<WebView />} />
+            ) : null}
             <Route path="wiki" element={<WebView key="wiki" />} />
             <Route path="metamaskHome" element={<MetaMaskHome />} />
             <Route

src/frontend/components/UI/TopNavBar/index.tsx

@@ -13,7 +13,8 @@ import {
   EPIC_STORE_URL,
   GOG_STORE_URL,
   AMAZON_STORE,
-  HYPERPLAY_STORE_URL
+  HYPERPLAY_STORE_URL,
+  ENABLE_AMAZON_STORE
 } from 'frontend/constants'
 import webviewNavigationStore from 'frontend/store/WebviewNavigationStore'
 import { extractMainDomain } from '../../../helpers/extract-main-domain'
@@ -103,15 +104,17 @@ const TopNavBar = observer(() => {
                 {t('GOG', 'GOG')}
               </Button>
             </NavLink>
-            <NavLink to="/amazonstore">
-              <Button
-                type="link"
-                size="small"
-                style={getStoreTextStyle(AMAZON_STORE)}
-              >
-                {t('Amazon', 'Amazon')}
-              </Button>
-            </NavLink>
+            {ENABLE_AMAZON_STORE ? (
+              <NavLink to="/amazonstore">
+                <Button
+                  type="link"
+                  size="small"
+                  style={getStoreTextStyle(AMAZON_STORE)}
+                >
+                  {t('Amazon', 'Amazon')}
+                </Button>
+              </NavLink>
+            ) : null}
           </>
         )}
       </div>

src/frontend/constants.ts

@@ -6,3 +6,4 @@ export const WIKI_URL = 'https://docs.hyperplay.xyz/'
 export const GOG_LOGIN_URL =
   'https://auth.gog.com/auth?client_id=46899977096215655&redirect_uri=https%3A%2F%2Fembed.gog.com%2Fon_login_success%3Forigin%3Dclient&response_type=code&layout=galaxy'
 export const AMAZON_STORE = `https://gaming.amazon.com`
+export const ENABLE_AMAZON_STORE = false

src/frontend/screens/Library/components/LibraryTopBar/index.tsx

@@ -16,6 +16,7 @@ import { Category } from 'frontend/types'
 import { observer } from 'mobx-react-lite'
 import libraryState from '../../../../state/libraryState'
 import storeAuthState from 'frontend/state/storeAuthState'
+import { ENABLE_AMAZON_STORE } from 'frontend/constants'
 
 export interface LibraryTopBarInterface {
   filters: DropdownItemType[]
@@ -54,21 +55,21 @@ export const LibraryTopBar = observer(
           <Tabs.Tab value="hyperplay">
             <div className="menu">{t('HyperPlay')}</div>
           </Tabs.Tab>
-          {isEpicLoggedin && (
+          {isEpicLoggedin ? (
             <Tabs.Tab value="legendary">
               <div className="menu">EPIC</div>
             </Tabs.Tab>
-          )}
-          {isGOGLoggedin && (
+          ) : null}
+          {isGOGLoggedin ? (
             <Tabs.Tab value="gog">
               <div className="menu">GOG</div>
             </Tabs.Tab>
-          )}
-          {isAmazonLoggedin && (
+          ) : null}
+          {isAmazonLoggedin && ENABLE_AMAZON_STORE ? (
             <Tabs.Tab value="nile">
               <div className="menu">Amazon</div>
             </Tabs.Tab>
-          )}
+          ) : null}
           <Tabs.Tab value="sideload">
             <div className="menu">{t('Other')}</div>
           </Tabs.Tab>

src/frontend/screens/Login/index.tsx

@@ -16,6 +16,7 @@ import ContextProvider from '../../state/ContextProvider'
 import { Background } from '@hyperplay/ui'
 import libraryState from 'frontend/state/libraryState'
 import storeAuthState from 'frontend/state/storeAuthState'
+import { ENABLE_AMAZON_STORE } from 'frontend/constants'
 
 export const epicLoginPath = '/loginweb/legendary'
 export const gogLoginPath = '/loginweb/gog'
@@ -117,14 +118,16 @@ export default React.memo(function NewLogin() {
               user={storeAuthState.gog.username}
               logoutAction={gog.logout}
             />
-            <Runner
-              class="nile"
-              icon={() => <AmazonLogo />}
-              loginUrl={amazonLoginPath}
-              isLoggedIn={isAmazonLoggedIn}
-              user={storeAuthState.amazon.username || 'Unknown'}
-              logoutAction={amazon.logout}
-            />
+            {ENABLE_AMAZON_STORE ? (
+              <Runner
+                class="nile"
+                icon={() => <AmazonLogo />}
+                loginUrl={amazonLoginPath}
+                isLoggedIn={isAmazonLoggedIn}
+                user={storeAuthState.amazon.username || 'Unknown'}
+                logoutAction={amazon.logout}
+              />
+            ) : null}
           </div>
           <button
             onClick={async () => handleLibraryClick()}