Use translation strings

templates/components/toggle_list.html

@@ -15,10 +15,24 @@
         <span v-on:click="props.toggle">{{ item_name }}</span>
 
         <template v-if="props.isVisible">
-          {{ ToggleItem("Hide", item_type, length, "caret_up") }}
+          {{
+            ToggleItem(
+              ("common.hide" | translate),
+              item_type,
+              length,
+              "caret_up",
+            )
+          }}
         </template>
         <template v-else>
-          {{ ToggleItem("Show", item_type, length, "caret_down") }}
+          {{
+            ToggleItem(
+              ("common.show" | translate),
+              item_type,
+              length,
+              "caret_down",
+            )
+          }}
         </template>
       </div>
       <div v-show="props.isVisible">

translations.yaml

@@ -29,6 +29,8 @@ flash:
   new_ppoc_title: Primary point of contact updated
   new_ppoc_message: You have successfully added {ppoc_name} as the primary point of contact. You are no longer the PPoC.
 common:
+  hide: Hide
+  show: Show
   back: Back
   cancel: Cancel
   confirm: Confirm