# CLOCK-022: [Settings] Tax Rate and Currency are not editable (hardcoded values)

**Status:** deployed-to-dev
**Priority:** P2 (Medium)
**Reporter:** Zel
**Created:** 2026-02-18
**Assignee:** ARIA
**Environment:** DEV – https://clocklane.dev.apps.symph.co/app

## Description
The Tax Rate (10.5%) and Currency (PHP) displayed in the Settings page are currently fixed and cannot be modified by the store admin. These values should be configurable to support different store requirements, regions, and tax structures.

## Current Behavior (BEFORE)
- Tax Rate shows as read-only text: "10.5%"
- Currency shows as read-only text: "PHP"
- No edit controls available

## Expected Behavior
- Tax Rate should be editable (input field with validation)
- Currency should be selectable (dropdown with common currencies)
- Changes should persist to Firestore store document

## Solution Implemented (2026-07-14)

### Changes:
1. **Added editable inputs** in SettingsPage:
   - Tax Rate: Number input (0-100%) with validation
   - Currency: Dropdown with 10 common currencies
2. **Added state management** for taxRate/currency with useEffect sync
3. **Updated handleSave** to include taxRate/currency in store update
4. **Added validation** — prevents saving invalid tax rates (must be 0-100%)
5. **Added error display** for validation/save failures

### Supported Currencies:
USD, EUR, GBP, PHP, JPY, AUD, CAD, SGD, HKD, INR

### File Modified:
- `src/components/ClocklanePOS.tsx` — SettingsPage component

### API:
Already supported by existing `PATCH /api/stores/[storeId]` endpoint via `updateStoreSchema`

### Result:
Store admins can now edit tax rate and currency from the Settings page, with changes persisting to Firestore.
