style(demo): clarify action button labels

Author: fadi-george

examples/demo/src/components/modals/TooltipModal.tsx

@@ -34,7 +34,7 @@ export default function TooltipModal({ visible, tooltip, onClose }: Props) {
           </ScrollView>
           <View style={AppDialogStyles.actions}>
             <TouchableOpacity style={AppDialogStyles.actionBtn} onPress={onClose}>
-              <Text style={AppDialogStyles.actionText}>Ok</Text>
+              <Text style={AppDialogStyles.actionText}>OK</Text>
             </TouchableOpacity>
           </View>
         </View>

examples/demo/src/components/sections/AliasesSection.tsx

@@ -45,9 +45,13 @@ export default function AliasesSection({
           <PairList items={filtered} layout="stacked" sectionKey="aliases" />
         </View>
       )}
-      <ActionButton label="ADD" onPress={() => setAddVisible(true)} testID="add_alias_button" />
       <ActionButton
-        label="ADD MULTIPLE"
+        label="ADD ALIAS"
+        onPress={() => setAddVisible(true)}
+        testID="add_alias_button"
+      />
+      <ActionButton
+        label="ADD MULTIPLE ALIASES"
         onPress={() => setAddMultipleVisible(true)}
         testID="add_multiple_aliases_button"
       />

examples/demo/src/components/sections/TagsSection.tsx

@@ -50,15 +50,15 @@ export default function TagsSection({
           />
         </View>
       )}
-      <ActionButton label="ADD" onPress={() => setAddVisible(true)} testID="add_tag_button" />
+      <ActionButton label="ADD TAG" onPress={() => setAddVisible(true)} testID="add_tag_button" />
       <ActionButton
-        label="ADD MULTIPLE"
+        label="ADD MULTIPLE TAGS"
         onPress={() => setAddMultipleVisible(true)}
         testID="add_multiple_tags_button"
       />
       {tags.length > 0 && (
         <ActionButton
-          label="REMOVE SELECTED"
+          label="REMOVE TAGS"
           onPress={() => setRemoveVisible(true)}
           variant="outlined"
           testID="remove_tags_button"

examples/demo/src/components/sections/TriggersSection.tsx

@@ -46,22 +46,26 @@ export default function TriggersSection({
           />
         </View>
       )}
-      <ActionButton label="ADD" onPress={() => setAddVisible(true)} testID="add_trigger_button" />
       <ActionButton
-        label="ADD MULTIPLE"
+        label="ADD TRIGGER"
+        onPress={() => setAddVisible(true)}
+        testID="add_trigger_button"
+      />
+      <ActionButton
+        label="ADD MULTIPLE TRIGGERS"
         onPress={() => setAddMultipleVisible(true)}
         testID="add_multiple_triggers_button"
       />
       {triggers.length > 0 && (
         <>
           <ActionButton
-            label="REMOVE SELECTED"
+            label="REMOVE TRIGGERS"
             onPress={() => setRemoveVisible(true)}
             variant="outlined"
             testID="remove_triggers_button"
           />
           <ActionButton
-            label="CLEAR ALL"
+            label="CLEAR ALL TRIGGERS"
             onPress={onClearAll}
             variant="outlined"
             testID="clear_triggers_button"