From 464568dace10b4d2bfbebfed63efa844221049cb Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.io>
Date: Thu, 25 Jul 2024 17:59:47 +0200
Subject: [PATCH] fix: Hide project selection option in CreateFeatureDialog
 when OSS (#7669)

This change wraps the project selection option in the
CreateFeatureDialog in a conditional that hides it when Unleash is
OSS.

OSS doesn't have access to the project creation API, so there's no
point in showing this.
---
 .../CreateFeatureDialog.tsx                   | 60 +++++++++++--------
 1 file changed, 34 insertions(+), 26 deletions(-)

diff --git a/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureTogglesHeader/CreateFeatureDialog.tsx b/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureTogglesHeader/CreateFeatureDialog.tsx
index c1c09c23c0..b605f08107 100644
--- a/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureTogglesHeader/CreateFeatureDialog.tsx
+++ b/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureTogglesHeader/CreateFeatureDialog.tsx
@@ -67,7 +67,7 @@ export const CreateFeatureDialog = ({
 }: ICreateFeatureDialogProps) => {
     const { setToastData, setToastApiError } = useToast();
     const { setShowFeedback } = useContext(UIContext);
-    const { uiConfig } = useUiConfig();
+    const { uiConfig, isOss } = useUiConfig();
     const navigate = useNavigate();
 
     const {
@@ -215,33 +215,41 @@ export const CreateFeatureDialog = ({
                     setName={setName}
                     configButtons={
                         <>
-                            <SingleSelectConfigButton
-                                tooltip={{
-                                    header: 'Select a project for the flag',
-                                }}
-                                description={configButtonData.project.text}
-                                options={projects.map((project) => ({
-                                    label: project.name,
-                                    value: project.id,
-                                }))}
-                                onChange={(value: any) => {
-                                    setProject(value);
-                                }}
-                                button={{
-                                    label: project,
-                                    icon: configButtonData.project.icon,
-                                    labelWidth: '12ch',
-                                }}
-                                search={{
-                                    label: 'Filter projects',
-                                    placeholder: 'Select project',
-                                }}
-                                onOpen={() =>
-                                    setDocumentation(configButtonData.project)
+                            <ConditionallyRender
+                                condition={!isOss()}
+                                show={
+                                    <SingleSelectConfigButton
+                                        tooltip={{
+                                            header: 'Select a project for the flag',
+                                        }}
+                                        description={
+                                            configButtonData.project.text
+                                        }
+                                        options={projects.map((project) => ({
+                                            label: project.name,
+                                            value: project.id,
+                                        }))}
+                                        onChange={(value: any) => {
+                                            setProject(value);
+                                        }}
+                                        button={{
+                                            label: project,
+                                            icon: configButtonData.project.icon,
+                                            labelWidth: '12ch',
+                                        }}
+                                        search={{
+                                            label: 'Filter projects',
+                                            placeholder: 'Select project',
+                                        }}
+                                        onOpen={() =>
+                                            setDocumentation(
+                                                configButtonData.project,
+                                            )
+                                        }
+                                        onClose={clearDocumentationOverride}
+                                    />
                                 }
-                                onClose={clearDocumentationOverride}
                             />
-
                             <SingleSelectConfigButton
                                 tooltip={{
                                     header: 'Select a flag type',