sartography/spiff-arena
1
0
Fork 0
mirror of https://github.com/sartography/spiff-arena.git synced 2025-01-27 17:55:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixed spiffworkflow logo in main nav bar w/ burnettk

Browse Source
This commit is contained in:
jasquat 2024-07-09 13:56:40 -04:00
parent 898015ce3c
commit 738446147e
No known key found for this signature in database
2 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
spiffworkflow-frontend/src/a-spiffui-v2/views/Dashboards/infopanels/ProcessInfo.tsx
View File

@ -196,9 +196,9 @@ export default function ProcessInfo({
</AccordionDetails>
</Accordion>
<Tabs value={selectedTab} variant="fullWidth">
{tabData.map((tab, index) => (
{tabData.map((tab) => (
<Tab
key={index}
key={tab.value}
label={tab.label}
value={tab.value}
onClick={() => handleTabChange(tab)}

22
spiffworkflow-frontend/src/components/NavigationBar.tsx
View File

@ -19,7 +19,8 @@ import {
import { Logout } from '@carbon/icons-react';
import { useEffect, useState } from 'react';
import { useLocation, Link, LinkProps } from 'react-router-dom';
import logo from '../logo.svg';
import { Box } from '@mui/material';
import Logo from '../logo.svg';
import UserService from '../services/UserService';
import { UiSchemaUxElement } from '../extension_ui_schema_interfaces';
import { DOCUMENTATION_URL, SPIFF_ENVIRONMENT } from '../config';
@ -67,6 +68,16 @@ export default function NavigationBar({ extensionUxElements }: OwnProps) {
const versionInfo = appVersionInfo();
const logoStyle = {
marginTop: '1rem',
marginBottom: '1rem',
color: 'pink',
svg: {
height: 37,
width: 152,
},
};
useEffect(() => {
let newActiveKey = 'unknown';
if (location.pathname.match(/^\/messages\b/)) {
@ -327,7 +338,10 @@ export default function NavigationBar({ extensionUxElements }: OwnProps) {
render={() => (
<Header aria-label="IBM Platform Name" className="cds--g100">
<HeaderName as={Link} to="/" prefix="" data-qa="spiffworkflow-logo">
<img src={logo} className="app-logo" alt="logo" />
<Box sx={logoStyle}>
{/* @ts-expect-error TS(2322) FIXME */}
<Logo style={{ ...logoStyle }} />
</Box>
</HeaderName>
</Header>
)}
@ -365,7 +379,9 @@ export default function NavigationBar({ extensionUxElements }: OwnProps) {
prefix=""
data-qa="spiffworkflow-logo"
>
<img src={logo} className="app-logo" alt="logo" />
<Box sx={logoStyle}>
<Logo />
</Box>
</HeaderName>
<HeaderNavigation
data-qa="main-nav-header"