diff --git a/frontend/src/component/feature/FeatureStrategy/FeatureStrategySegment/FeatureStrategySegment.tsx b/frontend/src/component/feature/FeatureStrategy/FeatureStrategySegment/FeatureStrategySegment.tsx
index 362763093f..815a5f2050 100644
--- a/frontend/src/component/feature/FeatureStrategy/FeatureStrategySegment/FeatureStrategySegment.tsx
+++ b/frontend/src/component/feature/FeatureStrategy/FeatureStrategySegment/FeatureStrategySegment.tsx
@@ -106,7 +106,10 @@ export const FeatureStrategySegment = ({
segments={selectedSegments}
setSegments={setSelectedSegments}
/>
-
+
>
);
};
diff --git a/frontend/src/component/feature/FeatureStrategy/FeatureStrategySegment/RecentlyUsedSegments/RecentlyUsedSegments.tsx b/frontend/src/component/feature/FeatureStrategy/FeatureStrategySegment/RecentlyUsedSegments/RecentlyUsedSegments.tsx
index 7b21473e56..c846b6be9d 100644
--- a/frontend/src/component/feature/FeatureStrategy/FeatureStrategySegment/RecentlyUsedSegments/RecentlyUsedSegments.tsx
+++ b/frontend/src/component/feature/FeatureStrategy/FeatureStrategySegment/RecentlyUsedSegments/RecentlyUsedSegments.tsx
@@ -7,6 +7,7 @@ import { useUiFlag } from 'hooks/useUiFlag';
type RecentlyUsedSegmentsProps = {
setSegments?: React.Dispatch>;
+ segments?: ISegment[];
};
const StyledContainer = styled('div')(({ theme }) => ({
@@ -27,6 +28,7 @@ const StyledSegmentsContainer = styled('div')(({ theme }) => ({
export const RecentlyUsedSegments = ({
setSegments,
+ segments = [],
}: RecentlyUsedSegmentsProps) => {
const { items: recentlyUsedSegmentIds } = useRecentlyUsedSegments();
const { segments: allSegments } = useSegments();
@@ -45,7 +47,11 @@ export const RecentlyUsedSegments = ({
.map((id) => allSegments.find((segment) => segment.id === id))
.filter((segment) => segment !== undefined) as ISegment[];
- if (segmentObjects.length === 0) {
+ const filteredSegmentObjects = segmentObjects.filter(
+ (segment) => !segments.some((selected) => selected.id === segment.id),
+ );
+
+ if (filteredSegmentObjects.length === 0) {
return null;
}
@@ -53,7 +59,7 @@ export const RecentlyUsedSegments = ({
Recently used segments
- {segmentObjects.map((segment) => (
+ {filteredSegmentObjects.map((segment) => (