|
1 | | -import { makeStyles, Text, tokens } from '@fluentui/react-components'; |
| 1 | +import { Text, makeStyles, tokens } from '@fluentui/react-components'; |
| 2 | +import { useAppDispatch, useAppSelector } from '../../../store'; |
| 3 | + |
2 | 4 | import Authentication from '../authentication/Authentication'; |
3 | 5 | import { FeedbackButton } from './FeedbackButton'; |
4 | 6 | import { Help } from './Help'; |
| 7 | +import { PanelLeftExpand20Regular } from '@fluentui/react-icons'; |
5 | 8 | import { Settings } from './settings/Settings'; |
6 | 9 | import { Tenant } from './Tenant'; |
7 | | -import { useAppDispatch, useAppSelector } from '../../../store'; |
8 | 10 | import { toggleSidebar } from '../../services/slices/sidebar-properties.slice'; |
9 | | -import { PanelLeftExpand20Regular } from '@fluentui/react-icons'; |
| 11 | +import { translateMessage } from '../../utils/translate-messages'; |
| 12 | + |
10 | 13 | const useStyles = makeStyles({ |
11 | 14 | root: { |
12 | 15 | display: 'flex', |
@@ -58,7 +61,14 @@ const MainHeader = ()=>{ |
58 | 61 | {mobileScreen && ( |
59 | 62 | <PanelLeftExpand20Regular className={styles.menuIcon} onClick={handleSidebarToggle} /> |
60 | 63 | )} |
61 | | - <Text size={mobileScreen ? 500 : 600} as="h1" className={styles.headerText}>Graph Explorer</Text> |
| 64 | + <Text |
| 65 | + size={mobileScreen ? 500 : 600} as="h1" |
| 66 | + style={{lineHeight: '28px', |
| 67 | + color: tokens.colorBrandForeground1 |
| 68 | + }} |
| 69 | + className="notranslate"> |
| 70 | + {translateMessage('Graph Explorer')} |
| 71 | + </Text> |
62 | 72 | </div> |
63 | 73 | <HeaderIcons /> |
64 | 74 | </div> |
|
0 commit comments