From 7c7a244b84678c8d20c92aac48544e1b06d7f094 Mon Sep 17 00:00:00 2001
From: locphamtran <tranloclqd@gmail.com>
Date: Thu, 10 Sep 2026 10:44:33 +0700
Subject: [PATCH] Rail without icons, FX glow chip renamed

The rail chips carried a lucide glyph before the label; drop the icons and
the icon field so the labels stand alone (the row is a plain text rail now,
and each chip is ~50px narrower). Also rename the FX knob from the
lens-vendor term to LIGHT GLOW - same key, same maths, just the label.
---
 src/components/ToolRail.tsx | 19 ++++++++-----------
 src/utils/paramDefs.ts      |  2 +-
 2 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/components/ToolRail.tsx b/src/components/ToolRail.tsx
index 334754d..3e5bc84 100644
--- a/src/components/ToolRail.tsx
+++ b/src/components/ToolRail.tsx
@@ -1,6 +1,5 @@
 import React from 'react';
 import { View, Text, TouchableOpacity, ScrollView } from 'react-native';
-import { LayoutGrid, Sun, Thermometer, Sparkles, Frame, Stamp, type LucideIcon } from 'lucide-react-native';
 import * as Haptics from 'expo-haptics';
 
 export type TabId = 'recipes' | 'iq' | 'wb' | 'filters' | 'frame' | 'watermark';
@@ -13,13 +12,13 @@ interface ToolRailProps {
   mode: 'camera' | 'library';
 }
 
-const TOOLS: { id: TabId; label: string; icon: LucideIcon }[] = [
-  { id: 'recipes', label: 'PRESETS', icon: LayoutGrid },
-  { id: 'iq', label: 'LIGHT', icon: Sun },
-  { id: 'wb', label: 'WB', icon: Thermometer },
-  { id: 'filters', label: 'FX', icon: Sparkles },
-  { id: 'frame', label: 'FRAME', icon: Frame },
-  { id: 'watermark', label: 'WATERMARK', icon: Stamp },
+const TOOLS: { id: TabId; label: string }[] = [
+  { id: 'recipes', label: 'PRESETS' },
+  { id: 'iq', label: 'LIGHT' },
+  { id: 'wb', label: 'WB' },
+  { id: 'filters', label: 'FX' },
+  { id: 'frame', label: 'FRAME' },
+  { id: 'watermark', label: 'WATERMARK' },
 ];
 
 export default function ToolRail({ activeTab, onToggle, mode }: ToolRailProps) {
@@ -34,7 +33,6 @@ export default function ToolRail({ activeTab, onToggle, mode }: ToolRailProps) {
       >
         {tools.map((tool) => {
           const isActive = activeTab === tool.id;
-          const Icon = tool.icon;
           return (
             <TouchableOpacity
               key={tool.id}
@@ -49,9 +47,8 @@ export default function ToolRail({ activeTab, onToggle, mode }: ToolRailProps) {
               }`}
               activeOpacity={0.7}
             >
-              <Icon size={14} color={isActive ? '#f59e0b' : '#e4e4e7'} strokeWidth={1.75} />
               <Text
-                className={`ml-1.5 font-mono font-bold tracking-widest ${
+                className={`font-mono font-bold tracking-widest ${
                   isActive ? 'text-[13px] text-amber-300' : 'text-[10px] text-zinc-500'
                 }`}
               >
diff --git a/src/utils/paramDefs.ts b/src/utils/paramDefs.ts
index 4e12c63..3ba67db 100644
--- a/src/utils/paramDefs.ts
+++ b/src/utils/paramDefs.ts
@@ -174,7 +174,7 @@ export const PARAM_DEFS: {
     },
     {
       key: 'hdf',
-      label: 'HDF',
+      label: 'LIGHT GLOW',
       min: 0,
       max: 10,
       step: 1,