|
1 | 1 | import type { FC } from 'react';
|
2 |
| -import { ReactComponent as InitialStageIcon } from 'assets/icons/stage-initial.svg'; |
3 |
| -import { ReactComponent as PreLiveStageIcon } from 'assets/icons/stage-pre-live.svg'; |
4 |
| -import { ReactComponent as LiveStageIcon } from 'assets/icons/stage-live.svg'; |
5 |
| -import { ReactComponent as CompletedStageIcon } from 'assets/icons/stage-completed.svg'; |
6 |
| -import { ReactComponent as ArchivedStageIcon } from 'assets/icons/stage-archived.svg'; |
7 |
| -import { ReactComponent as Stage1 } from 'assets/icons/lifecycle/stage-1.svg'; |
8 |
| -import { ReactComponent as Stage2 } from 'assets/icons/lifecycle/stage-2.svg'; |
9 |
| -import { ReactComponent as Stage3 } from 'assets/icons/lifecycle/stage-3.svg'; |
10 |
| -import { ReactComponent as Stage4 } from 'assets/icons/lifecycle/stage-4.svg'; |
11 |
| -import { ReactComponent as Stage5 } from 'assets/icons/lifecycle/stage-5.svg'; |
| 2 | +import { ReactComponent as CreatedIcon } from 'assets/icons/lifecycle/stage-created.svg'; |
| 3 | +import { ReactComponent as PreLiveIcon } from 'assets/icons/lifecycle/stage-prelive.svg'; |
| 4 | +import { ReactComponent as LiveIcon } from 'assets/icons/lifecycle/stage-live.svg'; |
| 5 | +import { ReactComponent as CompletedIcon } from 'assets/icons/lifecycle/stage-completed.svg'; |
| 6 | +import { ReactComponent as ArchivedIcon } from 'assets/icons/lifecycle/stage-archived.svg'; |
12 | 7 | import type { LifecycleStage } from '../../feature/FeatureView/FeatureOverview/FeatureLifecycle/LifecycleStage';
|
13 |
| -import { useUiFlag } from 'hooks/useUiFlag'; |
14 | 8 |
|
15 | 9 | export const FeatureLifecycleStageIcon: FC<{
|
16 | 10 | stage: Pick<LifecycleStage, 'name'>;
|
17 | 11 | }> = ({ stage, ...props }) => {
|
18 |
| - const newIcons = useUiFlag('lifecycleImprovements'); |
19 |
| - |
20 | 12 | if (stage.name === 'archived') {
|
21 |
| - return newIcons ? ( |
22 |
| - <Stage5 {...props} /> |
23 |
| - ) : ( |
24 |
| - <ArchivedStageIcon {...props} /> |
25 |
| - ); |
26 |
| - } else if (stage.name === 'pre-live') { |
27 |
| - return newIcons ? ( |
28 |
| - <Stage2 {...props} /> |
29 |
| - ) : ( |
30 |
| - <PreLiveStageIcon {...props} /> |
31 |
| - ); |
32 |
| - } else if (stage.name === 'live') { |
33 |
| - return newIcons ? <Stage3 {...props} /> : <LiveStageIcon {...props} />; |
34 |
| - } else if (stage.name === 'completed') { |
35 |
| - return newIcons ? ( |
36 |
| - <Stage4 {...props} /> |
37 |
| - ) : ( |
38 |
| - <CompletedStageIcon {...props} /> |
39 |
| - ); |
40 |
| - } else { |
41 |
| - return newIcons ? ( |
42 |
| - <Stage1 {...props} /> |
43 |
| - ) : ( |
44 |
| - <InitialStageIcon {...props} /> |
45 |
| - ); |
| 13 | + return <ArchivedIcon {...props} />; |
| 14 | + } |
| 15 | + if (stage.name === 'pre-live') { |
| 16 | + return <PreLiveIcon {...props} />; |
| 17 | + } |
| 18 | + if (stage.name === 'live') { |
| 19 | + return <LiveIcon {...props} />; |
| 20 | + } |
| 21 | + if (stage.name === 'completed') { |
| 22 | + return <CompletedIcon {...props} />; |
46 | 23 | }
|
| 24 | + return <CreatedIcon {...props} />; |
47 | 25 | };
|
0 commit comments