diff --git a/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenu.tsx b/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenu.tsx index dbf2287a4d..20339fbf32 100644 --- a/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenu.tsx +++ b/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenu.tsx @@ -5,7 +5,7 @@ import PermissionButton, { type IPermissionButtonProps, } from 'component/common/PermissionButton/PermissionButton'; import { CREATE_FEATURE_STRATEGY } from 'component/providers/AccessProvider/permissions'; -import { Popover, styled } from '@mui/material'; +import { Popover, styled, Link } from '@mui/material'; import { FeatureStrategyMenuCards } from './FeatureStrategyMenuCards/FeatureStrategyMenuCards'; import { formatCreateStrategyPath } from '../FeatureStrategyCreate/FeatureStrategyCreate'; import MoreVert from '@mui/icons-material/MoreVert'; @@ -20,7 +20,9 @@ import { useReleasePlans } from 'hooks/api/getters/useReleasePlans/useReleasePla import { useChangeRequestsEnabled } from 'hooks/useChangeRequestsEnabled'; import { formatUnknownError } from 'utils/formatUnknownError'; import { useUiFlag } from 'hooks/useUiFlag'; +import type { Link as RouterLink } from 'react-router-dom'; import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig'; +import { RELEASE_TEMPLATE_FEEDBACK } from 'constants/links'; interface IFeatureStrategyMenuProps { label: string; @@ -36,8 +38,12 @@ interface IFeatureStrategyMenuProps { const StyledStrategyMenu = styled('div')(({ theme }) => ({ flexShrink: 0, display: 'flex', + width: '100%', flexFlow: 'row', gap: theme.spacing(1), + '& > :nth-child(2)': { + marginLeft: 'auto', + }, })); const StyledAdditionalMenuButton = styled(PermissionButton)(({ theme }) => ({ @@ -47,6 +53,15 @@ const StyledAdditionalMenuButton = styled(PermissionButton)(({ theme }) => ({ paddingBlock: 0, })); +const StyledLink = styled(Link)(({ theme }) => ({ + display: 'flex', + alignItems: 'center', + gap: theme.spacing(1), + color: theme.palette.links, + fontWeight: theme.typography.fontWeightMedium, + textDecoration: 'none', +})); + export const FeatureStrategyMenu = ({ label, projectId, @@ -162,6 +177,15 @@ export const FeatureStrategyMenu = ({ event.stopPropagation()}> {displayReleasePlanButton ? ( <> + + Give feedback to release templates + ({ @@ -11,9 +12,6 @@ const StyledCardLink = styled(Link)(({ theme }) => ({ }, })); -const feedbackLink = - 'https://docs.google.com/forms/d/1ElbScYxbAhFcjQWgRinifoymYHeuXzqIoQXfpUVYGR8/preview'; - export const ReleasesFeedback: React.FC<{ title: string; children: React.ReactNode; @@ -24,7 +22,7 @@ export const ReleasesFeedback: React.FC<{ title={title} footer={ diff --git a/frontend/src/constants/links.ts b/frontend/src/constants/links.ts new file mode 100644 index 0000000000..52365336e9 --- /dev/null +++ b/frontend/src/constants/links.ts @@ -0,0 +1,4 @@ +// honestly there's no nice place for this in our folder structure and I really, really need this to change in one place +// might be deletable once we're done with the initial feedback phase +export const RELEASE_TEMPLATE_FEEDBACK = + 'https://docs.google.com/forms/d/e/1FAIpQLSfbbqsz6wQSgTuJ0NO6ooykTGC_osrzB5-qMrQkbda9SRwnxg/viewform?usp=preview';