From c793e5ae52e2b3b3bbcbdf1d253479fee2bf6167 Mon Sep 17 00:00:00 2001
From: Mohamed Boudra <boudra.moha@gmail.com>
Date: Fri, 24 Apr 2026 02:24:16 +0700
Subject: [PATCH] chore(lint): hoist constant style arrays in
 desktop-updates-section

---
 .../components/desktop-updates-section.tsx    | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/packages/app/src/desktop/components/desktop-updates-section.tsx b/packages/app/src/desktop/components/desktop-updates-section.tsx
index ab61e03d5..485f10808 100644
--- a/packages/app/src/desktop/components/desktop-updates-section.tsx
+++ b/packages/app/src/desktop/components/desktop-updates-section.tsx
@@ -265,7 +265,7 @@ export function LocalDaemonSection() {
       testID="host-page-daemon-lifecycle-card"
     >
       {isLoading ? (
-        <View style={[settingsStyles.card, styles.loadingCard]}>
+        <View style={LOADING_CARD_STYLE}>
           <ActivityIndicator size="small" color={theme.colors.foregroundMuted} />
         </View>
       ) : (
@@ -283,7 +283,7 @@ export function LocalDaemonSection() {
                 <Text style={styles.valueSubtext}>{daemonStatusDetailText}</Text>
               </View>
             </View>
-            <View style={[settingsStyles.row, settingsStyles.rowBorder]}>
+            <View style={ROW_WITH_BORDER_STYLE}>
               <View style={settingsStyles.rowContent}>
                 <Text style={settingsStyles.rowTitle}>Daemon management</Text>
                 <Text style={settingsStyles.rowHint}>
@@ -314,7 +314,7 @@ export function LocalDaemonSection() {
                     : "Pause"}
               </Button>
             </View>
-            <View style={[settingsStyles.row, settingsStyles.rowBorder]}>
+            <View style={ROW_WITH_BORDER_STYLE}>
               <View style={settingsStyles.rowContent}>
                 <Text style={settingsStyles.rowTitle}>{daemonActionLabel}</Text>
                 <Text style={settingsStyles.rowHint}>{daemonActionMessage}</Text>
@@ -334,7 +334,7 @@ export function LocalDaemonSection() {
                   : daemonActionLabel}
               </Button>
             </View>
-            <View style={[settingsStyles.row, settingsStyles.rowBorder]}>
+            <View style={ROW_WITH_BORDER_STYLE}>
               <View style={settingsStyles.rowContent}>
                 <Text style={settingsStyles.rowTitle}>Log file</Text>
                 <Text style={settingsStyles.rowHint}>
@@ -363,7 +363,7 @@ export function LocalDaemonSection() {
                 </Button>
               </View>
             </View>
-            <View style={[settingsStyles.row, settingsStyles.rowBorder]}>
+            <View style={ROW_WITH_BORDER_STYLE}>
               <View style={settingsStyles.rowContent}>
                 <Text style={settingsStyles.rowTitle}>Full status</Text>
                 <Text style={settingsStyles.rowHint}>
@@ -398,7 +398,7 @@ export function LocalDaemonSection() {
         onClose={handleCloseLogsModal}
         title="Daemon logs"
         testID="managed-daemon-logs-dialog"
-        snapPoints={["70%", "92%"]}
+        snapPoints={LOGS_MODAL_SNAP_POINTS}
       >
         <View style={styles.modalBody}>
           <Text style={settingsStyles.rowHint}>
@@ -415,7 +415,7 @@ export function LocalDaemonSection() {
         onClose={handleCloseCliStatusModal}
         title="Daemon status"
         testID="daemon-cli-status-dialog"
-        snapPoints={["60%", "85%"]}
+        snapPoints={CLI_STATUS_MODAL_SNAP_POINTS}
       >
         <View style={styles.modalBody}>
           <Text style={styles.logOutput} selectable>
@@ -495,3 +495,8 @@ const styles = StyleSheet.create((theme) => ({
     gap: theme.spacing[2],
   },
 }));
+
+const LOADING_CARD_STYLE = [settingsStyles.card, styles.loadingCard];
+const ROW_WITH_BORDER_STYLE = [settingsStyles.row, settingsStyles.rowBorder];
+const LOGS_MODAL_SNAP_POINTS = ["70%", "92%"];
+const CLI_STATUS_MODAL_SNAP_POINTS = ["60%", "85%"];