From 2eeb8e75e9b3fd29b121ace55efccc635d2bdab4 Mon Sep 17 00:00:00 2001
From: Innei <tukon479@gmail.com>
Date: Thu, 13 Mar 2025 14:17:39 +0800
Subject: [PATCH] refactor(settings): replace UINavigationHeaderActionButton
 with GroupedPlainButtonCell for New Rule button

Signed-off-by: Innei <tukon479@gmail.com>
---
 .../mobile/src/modules/settings/routes/Actions.tsx | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/apps/mobile/src/modules/settings/routes/Actions.tsx b/apps/mobile/src/modules/settings/routes/Actions.tsx
index cbc946f2a..83e84dfa0 100644
--- a/apps/mobile/src/modules/settings/routes/Actions.tsx
+++ b/apps/mobile/src/modules/settings/routes/Actions.tsx
@@ -15,10 +15,10 @@ import {
 import {
   GroupedInformationCell,
   GroupedInsetListCard,
+  GroupedPlainButtonCell,
 } from "@/src/components/ui/grouped/GroupedList"
 import { ItemPressable } from "@/src/components/ui/pressable/ItemPressable"
 import { Switch } from "@/src/components/ui/switch/Switch"
-import { AddCuteReIcon } from "@/src/icons/add_cute_re"
 import { CheckLineIcon } from "@/src/icons/check_line"
 import { Magic2CuteFiIcon } from "@/src/icons/magic_2_cute_fi"
 import {
@@ -86,18 +86,14 @@ export const ActionsScreen = () => {
 }
 
 const NewRuleButton = () => {
-  const label = useColor("label")
   return (
     <GroupedInsetListCard className="mt-6">
-      <UINavigationHeaderActionButton
+      <GroupedPlainButtonCell
+        label="New Rule"
         onPress={() => {
           actionActions.addRule()
         }}
-        className="flex-row items-center gap-3 py-4"
-      >
-        <AddCuteReIcon height={20} width={20} color={label} />
-        <Text className="text-label text-lg">New Rule</Text>
-      </UINavigationHeaderActionButton>
+      />
     </GroupedInsetListCard>
   )
 }
@@ -156,7 +152,7 @@ const ListItemCellImpl: ListRenderItem<ActionRule> = ({ item: rule }) => {
         className="flex-row justify-between p-4"
         onPress={() => navigation.navigate("EditRule", { index: rule.index })}
       >
-        <Text className="text-label text-lg">{rule.name}</Text>
+        <Text className="text-label text-base">{rule.name}</Text>
         <Switch
           size="sm"
           value={!rule.result.disabled}