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:
@@ -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'
|
||||
}`}
|
||||
>
|
||||
|
||||
@@ -174,7 +174,7 @@ export const PARAM_DEFS: {
|
||||
},
|
||||
{
|
||||
key: 'hdf',
|
||||
label: 'HDF',
|
||||
label: 'LIGHT GLOW',
|
||||
min: 0,
|
||||
max: 10,
|
||||
step: 1,
|
||||
|
||||
Reference in New Issue
Block a user