From 5b74f377464eefbba22e9704a33e465cd850f93d Mon Sep 17 00:00:00 2001
From: Laila Los <44241786+ElectronicBlueberry@users.noreply.github.com>
Date: Thu, 7 Dec 2023 15:10:55 +0100
Subject: [PATCH] hide select preference bar

---
 .../src/components/Form/Elements/FormSelection.vue   | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/client/src/components/Form/Elements/FormSelection.vue b/client/src/components/Form/Elements/FormSelection.vue
index ca328723e6b0..2b533461c338 100644
--- a/client/src/components/Form/Elements/FormSelection.vue
+++ b/client/src/components/Form/Elements/FormSelection.vue
@@ -96,14 +96,12 @@ watch(
     { immediate: true }
 );
 
-const displayMany = computed(
-    () => props.multiple && props.display !== "checkboxes" && props.display !== "radio" && useMany.value
-);
-
-const showManyButton = computed(
-    () => props.multiple && props.display !== "checkboxes" && props.display !== "radio" && !useMany.value
+const showSelectPreference = computed(
+    () => props.multiple && props.display !== "checkboxes" && props.display !== "radio"
 );
 
+const displayMany = computed(() => showSelectPreference.value && useMany.value);
+const showManyButton = computed(() => showSelectPreference.value && !useMany.value);
 const showMultiButton = computed(() => displayMany.value);
 </script>
 
@@ -114,7 +112,7 @@ const showMultiButton = computed(() => displayMany.value);
         <FormSelectMany v-else-if="displayMany" v-model="currentValue" :options="currentOptions" />
         <FormSelect v-else v-model="currentValue" :multiple="multiple" :optional="optional" :options="currentOptions" />
 
-        <div class="d-flex">
+        <div v-if="showSelectPreference" class="d-flex">
             <button v-if="showManyButton" class="ui-link ml-1" @click="useMany = true">switch to column select</button>
             <button v-else-if="showMultiButton" class="ui-link ml-1" @click="useMany = false">
                 switch to simple select