From c865bc7769787687dcde00b8d10612beab0b6c0a Mon Sep 17 00:00:00 2001
From: Hayden <64056131+hay-kot@users.noreply.github.com>
Date: Sun, 19 Jun 2022 10:27:32 -0800
Subject: [PATCH] fix: only show scaler when ingredients amounts enabled
 (#1426)

---
 frontend/components/Domain/Recipe/RecipeScaleEditButton.vue | 3 ++-
 frontend/pages/recipe/_slug/index.vue                       | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/components/Domain/Recipe/RecipeScaleEditButton.vue b/frontend/components/Domain/Recipe/RecipeScaleEditButton.vue
index eb8b6f8188c0..1ca17ce6612d 100644
--- a/frontend/components/Domain/Recipe/RecipeScaleEditButton.vue
+++ b/frontend/components/Domain/Recipe/RecipeScaleEditButton.vue
@@ -2,7 +2,7 @@
   <div>
     <div class="text-center d-flex align-center">
       <div>
-        <v-menu v-model="menu" offset-y top nudge-top="6" :close-on-content-click="false">
+        <v-menu v-model="menu" :disabled="!editScale" offset-y top nudge-top="6" :close-on-content-click="false">
           <template #activator="{ on, attrs }">
             <v-card class="pa-1 px-2" dark color="secondary darken-1" small v-bind="attrs" v-on="on">
               <span v-if="recipeYield"> {{ scaledYield }} </span>
@@ -32,6 +32,7 @@
         </v-menu>
       </div>
       <BaseButtonGroup
+        v-if="editScale"
         class="pl-2"
         :large="false"
         :buttons="[
diff --git a/frontend/pages/recipe/_slug/index.vue b/frontend/pages/recipe/_slug/index.vue
index c52d5bfec7df..6ed2c750507a 100644
--- a/frontend/pages/recipe/_slug/index.vue
+++ b/frontend/pages/recipe/_slug/index.vue
@@ -176,7 +176,7 @@
             </div>
           </div>
           <div class="d-flex justify-space-between align-center pt-2 pb-3">
-            <v-tooltip v-if="!form" small top color="secondary darken-1">
+            <v-tooltip v-if="!form && recipe.recipeYield" small top color="secondary darken-1">
               <template #activator="{ on, attrs }">
                 <RecipeScaleEditButton
                   v-model.number="scale"