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.
This commit is contained in:
2026-09-10 10:44:33 +07:00
parent 6379c025c8
commit 7c7a244b84
2 changed files with 9 additions and 12 deletions
+8 -11
View File
@@ -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'
}`}
>
+1 -1
View File
@@ -174,7 +174,7 @@ export const PARAM_DEFS: {
},
{
key: 'hdf',
label: 'HDF',
label: 'LIGHT GLOW',
min: 0,
max: 10,
step: 1,