diff --git a/README.md b/README.md index b626d76bc1..1fe2a5bad8 100644 --- a/README.md +++ b/README.md @@ -9,7 +9,7 @@ [![Build and Tests](https://img.shields.io/github/actions/workflow/status/Unleash/unleash/build.yaml?branch=main)](https://github.com/Unleash/unleash/actions/workflows/build.yaml) [![Coverage Report](https://img.shields.io/badge/coverage-vitest-green)](https://github.com/Unleash/unleash/actions/workflows/build_coverage.yaml) [![Docker Pulls](https://img.shields.io/docker/pulls/unleashorg/unleash-server)](https://hub.docker.com/r/unleashorg/unleash-server) [![Apache-2.0 license](https://img.shields.io/github/license/unleash/unleash)](https://github.com/Unleash/unleash/blob/main/LICENSE) [![Join Unleash on Slack](https://img.shields.io/badge/slack-join-635dc5?logo=slack)](https://slack.unleash.run) -[Experience Unleash Live Demo →](https://www.getunleash.io/interactive-demo) +[Try Unleash Cloud for free →](https://www.getunleash.io/plans/enterprise-payg?utm_source=readme&utm_medium=oss&utm_content=top-cta) @@ -93,9 +93,9 @@ The above sections show you how to get up and running quickly and easily. When y ## Online demo -Try out [the Unleash online demo](https://www.getunleash.io/interactive-demo). +Try out [the Unleash online demo](https://www.getunleash.io/interactive-demo?utm_source=readme&utm_medium=oss&utm_content=demo-section-cta). -[![The Unleash online demo](./.github/github_online_demo.svg)](https://www.getunleash.io/interactive-demo) +[![The Unleash online demo](./.github/github_online_demo.svg)](https://www.getunleash.io/interactive-demo?utm_source=readme&utm_medium=oss&utm_content=demo-section-cta)
diff --git a/frontend/src/component/insights/calculate-ratio/calculate-ratio.test.ts b/frontend/src/component/insights/calculate-ratio/calculate-ratio.test.ts index 61548cd669..39c92b95e5 100644 --- a/frontend/src/component/insights/calculate-ratio/calculate-ratio.test.ts +++ b/frontend/src/component/insights/calculate-ratio/calculate-ratio.test.ts @@ -1,17 +1,17 @@ import { calculateRatio } from './calculate-ratio.ts'; -test('A ratio of anything to 0 is 100', () => { - expect(calculateRatio(0, 0)).toBe(100); - expect(calculateRatio(5, 0)).toBe(100); +test('A ratio of anything to 0 is N/A', () => { + expect(calculateRatio(0, 0)).toBe('N/A'); + expect(calculateRatio(5, 0)).toBe('N/A'); }); test('Normal ratios work as expected', () => { - expect(calculateRatio(0, 1)).toBe(0); - expect(calculateRatio(1, 1)).toBe(100); - expect(calculateRatio(1, 2)).toBe(50); - expect(calculateRatio(5, 2)).toBe(250); + expect(calculateRatio(0, 1)).toBe('0%'); + expect(calculateRatio(1, 1)).toBe('100%'); + expect(calculateRatio(1, 2)).toBe('50%'); + expect(calculateRatio(5, 2)).toBe('250%'); }); test('Numbers are rounded to the nearest integer', () => { - expect(calculateRatio(5, 9)).toBe(56); + expect(calculateRatio(5, 9)).toBe('56%'); }); diff --git a/frontend/src/component/insights/calculate-ratio/calculate-ratio.ts b/frontend/src/component/insights/calculate-ratio/calculate-ratio.ts index ad5e1066a6..b80875bf84 100644 --- a/frontend/src/component/insights/calculate-ratio/calculate-ratio.ts +++ b/frontend/src/component/insights/calculate-ratio/calculate-ratio.ts @@ -1,12 +1,11 @@ export const calculateRatio = ( antecedent: number, consequent: number, -): number => { - const rawRatio = Math.round((antecedent / consequent) * 100); - - if (Number.isNaN(rawRatio) || rawRatio === Number.POSITIVE_INFINITY) { - return 100; +): string => { + if (consequent === 0) { + return 'N/A'; } + const ratio = Math.round((antecedent / consequent) * 100); - return rawRatio; + return `${ratio}%`; }; diff --git a/frontend/src/component/insights/componentsChart/CreationArchiveChart/CreationArchiveRatioTooltip.tsx b/frontend/src/component/insights/componentsChart/CreationArchiveChart/CreationArchiveRatioTooltip.tsx index d0cec6f585..3a33da08e7 100644 --- a/frontend/src/component/insights/componentsChart/CreationArchiveChart/CreationArchiveRatioTooltip.tsx +++ b/frontend/src/component/insights/componentsChart/CreationArchiveChart/CreationArchiveRatioTooltip.tsx @@ -65,7 +65,7 @@ export const CreationArchiveRatioTooltip: FC< - Ratio {ratio}% + Ratio {ratio} diff --git a/frontend/src/component/insights/componentsStat/CreationArchiveStats/CreationArchiveStats.tsx b/frontend/src/component/insights/componentsStat/CreationArchiveStats/CreationArchiveStats.tsx index 6c9a2251c1..a674165dfe 100644 --- a/frontend/src/component/insights/componentsStat/CreationArchiveStats/CreationArchiveStats.tsx +++ b/frontend/src/component/insights/componentsStat/CreationArchiveStats/CreationArchiveStats.tsx @@ -90,7 +90,7 @@ export const CreationArchiveStats: FC = ({ - {isLoading ? '...' : `${currentRatio}%`} + {isLoading ? '...' : currentRatio} diff --git a/frontend/src/component/insights/sections/PerformanceInsights.tsx b/frontend/src/component/insights/sections/PerformanceInsights.tsx index e19f9abd64..4e1caf9ba1 100644 --- a/frontend/src/component/insights/sections/PerformanceInsights.tsx +++ b/frontend/src/component/insights/sections/PerformanceInsights.tsx @@ -113,7 +113,7 @@ export const PerformanceInsights: FC = () => { {isLifecycleGraphsEnabled && isEnterprise() ? ( - + ({ + display: 'flex', + justifyContent: 'center', +})); + +interface IUnknownFlagsActionsCellProps { + unknownFlag: UnknownFlag; +} + +export const UnknownFlagsActionsCell = ({ + unknownFlag, +}: IUnknownFlagsActionsCellProps) => { + const { projects } = useProjects(); + const { hasAccess } = useContext(AccessContext); + + let project = + projects.find(({ id }) => id === DEFAULT_PROJECT_ID) || projects[0]; + if (!hasAccess(CREATE_FEATURE, project?.id)) { + for (const proj of projects) { + if (hasAccess(CREATE_FEATURE, proj.id)) { + project = proj; + break; + } + } + } + + return ( + + + + + + ); +}; diff --git a/frontend/src/component/unknownFlags/UnknownFlagsTable.tsx b/frontend/src/component/unknownFlags/UnknownFlagsTable.tsx index 6710e0f202..714ec76bd5 100644 --- a/frontend/src/component/unknownFlags/UnknownFlagsTable.tsx +++ b/frontend/src/component/unknownFlags/UnknownFlagsTable.tsx @@ -18,6 +18,7 @@ import { useUiFlag } from 'hooks/useUiFlag.js'; import NotFound from 'component/common/NotFound/NotFound.js'; import { UnknownFlagsSeenInUnleashCell } from './UnknownFlagsSeenInUnleashCell.js'; import { HelpIcon } from 'component/common/HelpIcon/HelpIcon.js'; +import { UnknownFlagsActionsCell } from './UnknownFlagsActionsCell.js'; const StyledAlert = styled(Alert)(({ theme }) => ({ marginBottom: theme.spacing(3), @@ -104,6 +105,17 @@ export const UnknownFlagsTable = () => { ), width: 150, }, + { + Header: 'Actions', + align: 'center', + Cell: ({ + row: { original: unknownFlag }, + }: { + row: { original: UnknownFlag }; + }) => , + width: 100, + disableSortBy: true, + }, ], [], ); diff --git a/frontend/src/themes/dark-theme.ts b/frontend/src/themes/dark-theme.ts index ee31c286ad..535ed0441c 100644 --- a/frontend/src/themes/dark-theme.ts +++ b/frontend/src/themes/dark-theme.ts @@ -221,10 +221,9 @@ const theme = { */ charts: { A1: '#6C65E5', - A2: '#8C87EB', - A3: '#ADA9F1', - A4: '#CECCF6', - A5: '#F1F0FC', + A2: '#9D98EE', + A3: '#CECCF6', + A4: '#F1F0FC', B1: '#1791AE', C1: '#DF416E', D1: '#D76500', diff --git a/frontend/src/themes/theme.ts b/frontend/src/themes/theme.ts index d50e0cc048..98452b8e19 100644 --- a/frontend/src/themes/theme.ts +++ b/frontend/src/themes/theme.ts @@ -277,10 +277,9 @@ const theme = { */ charts: { A1: '#6C65E5', - A2: '#8C87EB', - A3: '#ADA9F1', - A4: '#CECCF6', - A5: '#F1F0FC', + A2: '#9D98EE', + A3: '#CECCF6', + A4: '#F1F0FC', B1: '#1791AE', C1: '#DF416E', D1: '#D76500', diff --git a/frontend/src/themes/themeTypes.ts b/frontend/src/themes/themeTypes.ts index 6cada0aad0..c750316d2a 100644 --- a/frontend/src/themes/themeTypes.ts +++ b/frontend/src/themes/themeTypes.ts @@ -142,7 +142,6 @@ declare module '@mui/material/styles' { A2: string; A3: string; A4: string; - A5: string; B1: string; C1: string; D1: string;