From baeeb2d64962b9b716aad9aee4c63a2dacfbe5b2 Mon Sep 17 00:00:00 2001
From: gitgiggety <79809426+gitgiggety@users.noreply.github.com>
Date: Wed, 10 Mar 2021 04:08:45 +0100
Subject: [PATCH] Hide create option when searching in filters (#1169)

Hide the "Create '<term>'" option when using filters. This as it doesn't make sense to create a new performer/tag/studio in the context of searching for one. As obviously there won't be any results after searching as it has just been created and not assigned to anything yet.
---
 ui/v2.5/src/components/Changelog/versions/v060.md |  1 +
 ui/v2.5/src/components/Shared/Select.tsx          | 15 ++++++++-------
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/ui/v2.5/src/components/Changelog/versions/v060.md b/ui/v2.5/src/components/Changelog/versions/v060.md
index f03a39cde..0cb36618d 100644
--- a/ui/v2.5/src/components/Changelog/versions/v060.md
+++ b/ui/v2.5/src/components/Changelog/versions/v060.md
@@ -2,6 +2,7 @@
 * Added Performer tags.
 
 ### 🎨 Improvements
+* Hide create option in dropdowns when searching in filters.
 * Add scrape gallery from fragment to UI
 * Improved performer details and edit UI pages.
 * Resolve python executable to `python3` or `python` for python script scrapers.
diff --git a/ui/v2.5/src/components/Shared/Select.tsx b/ui/v2.5/src/components/Shared/Select.tsx
index a2df4980f..c9126ba5f 100644
--- a/ui/v2.5/src/components/Shared/Select.tsx
+++ b/ui/v2.5/src/components/Shared/Select.tsx
@@ -44,6 +44,7 @@ interface IFilterProps {
   isMulti?: boolean;
   isClearable?: boolean;
   isDisabled?: boolean;
+  creatable?: boolean;
   menuPortalTarget?: HTMLElement | null;
 }
 interface ISelectProps<T extends boolean> {
@@ -435,7 +436,7 @@ export const PerformerSelect: React.FC<IFilterProps> = (props) => {
     <FilterSelectComponent
       {...props}
       isMulti={props.isMulti ?? false}
-      creatable
+      creatable={props.creatable ?? true}
       onCreate={onCreate}
       type="performers"
       isLoading={loading}
@@ -469,7 +470,7 @@ export const StudioSelect: React.FC<
       isLoading={loading}
       items={studios}
       placeholder={props.noSelectionString ?? "Select studio..."}
-      creatable
+      creatable={props.creatable ?? true}
       onCreate={onCreate}
     />
   );
@@ -510,7 +511,7 @@ export const TagSelect: React.FC<IFilterProps> = (props) => {
       {...props}
       isMulti={props.isMulti ?? false}
       items={tags}
-      creatable
+      creatable={props.creatable ?? true}
       type="tags"
       placeholder={placeholder}
       isLoading={loading}
@@ -522,11 +523,11 @@ export const TagSelect: React.FC<IFilterProps> = (props) => {
 
 export const FilterSelect: React.FC<IFilterProps & ITypeProps> = (props) =>
   props.type === "performers" ? (
-    <PerformerSelect {...props} />
+    <PerformerSelect {...props} creatable={false} />
   ) : props.type === "studios" || props.type === "parent_studios" ? (
-    <StudioSelect {...props} />
+    <StudioSelect {...props} creatable={false} />
   ) : props.type === "movies" ? (
-    <MovieSelect {...props} />
+    <MovieSelect {...props} creatable={false} />
   ) : (
-    <TagSelect {...props} />
+    <TagSelect {...props} creatable={false} />
   );