F #5422: Add beta text to header (#1484)

src/fireedge/src/client/apps/sunstone/_app.js

@@ -14,6 +14,7 @@
  * limitations under the License.                                            *
  * ------------------------------------------------------------------------- */
 import { useEffect, useMemo, JSXElementConstructor } from 'react'
+import { Chip } from '@material-ui/core'
 
 import Router from 'client/router'
 import { ENDPOINTS, PATH, getEndpointsByView } from 'client/apps/sunstone/routes'
@@ -45,7 +46,12 @@ const SunstoneApp = () => {
     (async () => {
       try {
         if (jwt) {
-          changeAppTitle(APP_NAME)
+          changeAppTitle(
+            <>
+              {APP_NAME}
+              <Chip size='small' label='BETA' color='primary' />
+            </>
+          )
           getAuthUser()
           await getSunstoneViews()
           await getSunstoneConfig()

src/fireedge/src/client/components/Header/index.js

@@ -16,15 +16,7 @@
 /* eslint-disable jsdoc/require-jsdoc */
 import PropTypes from 'prop-types'
 
-import {
-  AppBar,
-  Box,
-  Toolbar,
-  Typography,
-  IconButton,
-  useMediaQuery
-  // useScrollTrigger
-} from '@material-ui/core'
+import { AppBar, Box, Toolbar, Typography, IconButton, useMediaQuery } from '@material-ui/core'
 import { Menu as MenuIcon } from 'iconoir-react'
 
 import { useAuth } from 'client/features/Auth'
@@ -36,7 +28,7 @@ import Group from 'client/components/Header/Group'
 import Zone from 'client/components/Header/Zone'
 import headerStyles from 'client/components/Header/styles'
 
-const Header = ({ scrollContainer }) => {
+const Header = () => {
   const { isOneAdmin } = useAuth()
   const { appTitle, title } = useGeneral()
   const { fixMenu } = useGeneralApi()
@@ -44,12 +36,6 @@ const Header = ({ scrollContainer }) => {
   const isUpLg = useMediaQuery(theme => theme.breakpoints.up('lg'))
   const isMobile = useMediaQuery(theme => theme.breakpoints.only('xs'))
 
-  /* const isScroll = scrollContainer && useScrollTrigger({
-    disableHysteresis: true,
-    threshold: 100,
-    target: scrollContainer
-  }) */
-
   const classes = headerStyles({ isScroll: false })
 
   const handleFixMenu = () => {