Merge pull request #29 from boris91/chore/header-controls-keys-naming

(chore) Header controls, Keys naming updated

Author: boris91

ui-client/packages/core/src/components/date-picker/index.tsx

@@ -10,7 +10,7 @@ import { Popover, PopoverContent, PopoverTrigger } from '../popover'
 
 /**
  * DatePicker - Single date selection component
- * Built on react-day-picker with mining-os dark theme styling
+ * Built on react-day-picker with app dark theme styling
  *
  * @example
  * ```tsx
@@ -109,7 +109,7 @@ DatePicker.displayName = 'DatePicker'
 
 /**
  * DateRangePicker - Date range selection component with presets
- * Inspired by mining-os PresetDateRangePicker with modal interface
+ * Inspired by app PresetDateRangePicker with modal interface
  *
  * @example
  * ```tsx
@@ -184,7 +184,7 @@ export type DateRangePickerProps = {
   modalClassName?: string
 } & Omit<DayPickerProps, 'mode' | 'selected'>
 
-// Default preset items (matching mining-os)
+// Default preset items (matching app)
 const getDefaultPresets = (): PresetItem[] => {
   const today = new Date()
   const addDays = (date: Date, days: number): Date => {

ui-client/packages/core/src/components/date-picker/styles.scss

@@ -1,8 +1,8 @@
 @use '../../styles/mixins' as *;
 /**
-* Date Picker Component Styles (mining-os theme)
+* Date Picker Component Styles (app theme)
 *
-* Based on mining-os PresetDateRangePicker:
+* Based on app PresetDateRangePicker:
  * - Dark theme with black backgrounds
  * - Orange primary color (#F7931A)
  * - Transparent white borders and text

ui-client/packages/core/src/components/form/styles.scss

@@ -1,6 +1,6 @@
 @use '../../styles/mixins' as *;
 /**
- * Form Component Styles (mining-os theme)
+ * Form Component Styles (app theme)
  */
 
 .mdk-form {

ui-client/packages/core/src/components/popover/styles.scss

@@ -1,8 +1,8 @@
 @use '../../styles/mixins' as *;
 /**
-* Popover Component Styles (mining-os theme)
+* Popover Component Styles (app theme)
 *
-* Based on mining-os popover usage:
+* Based on app popover usage:
  * - Dark background (SIMPLE_BLACK #000000)
  * - Smooth animations
  * - Responsive width constraints

ui-client/packages/core/src/components/tag-input/styles.scss

@@ -1,7 +1,7 @@
 @use '../../styles/mixins' as *;
 
 /**
- * TagInput Component Styles (mining-os theme)
+ * TagInput Component Styles (app theme)
  *
  * - Input with inline tags and remove buttons
  * - Dropdown below input with options

ui-client/packages/core/src/components/textarea/styles.scss

@@ -1,6 +1,6 @@
 @use '../../styles/mixins' as *;
 /**
- * TextArea Component Styles (mining-os theme)
+ * TextArea Component Styles (app theme)
  *
  * - Default: Dark gray bg, no border
  * - Hover: Light gray border

ui-client/packages/core/src/components/tooltip/styles.scss

@@ -1,5 +1,5 @@
 /**
- * Tooltip Component Styles (mining-os theme)
+ * Tooltip Component Styles (app theme)
  */
 
 .mdk-tooltip__content {

ui-client/packages/core/src/styles/_colors.scss

@@ -183,7 +183,7 @@
     --mdk-table-text-primary: #ffffff80;
     --mdk-table-text-secondary: #ffffffb3;
 
-    /* mdk button tokens (mining-os baseline) */
+    /* mdk button tokens (app baseline) */
     --mdk-radius: 0px;
     --mdk-font-size: 14px;
     --mdk-line-height: 22px;

ui-client/packages/foundation/src/constants/header-controls.constants.ts

@@ -2,27 +2,27 @@ import { WEBAPP_SHORT_NAME } from '.'
 
 export type HeaderPreferences = {
   poolMiners: boolean
-  mosMiners: boolean
+  miners: boolean
   poolHashrate: boolean
-  mosHashrate: boolean
+  hashrate: boolean
   consumption: boolean
   efficiency: boolean
 }
 
 export const DEFAULT_HEADER_PREFERENCES: HeaderPreferences = {
   poolMiners: true,
-  mosMiners: true,
+  miners: true,
   poolHashrate: true,
-  mosHashrate: true,
+  hashrate: true,
   consumption: true,
   efficiency: true,
 }
 
 export const HEADER_ITEMS = [
   { key: 'poolMiners' as keyof HeaderPreferences, label: 'Pool Miners' },
-  { key: 'mosMiners' as keyof HeaderPreferences, label: `${WEBAPP_SHORT_NAME} Miners` },
+  { key: 'miners' as keyof HeaderPreferences, label: `${WEBAPP_SHORT_NAME} Miners` },
   { key: 'poolHashrate' as keyof HeaderPreferences, label: 'Pool Hashrate' },
-  { key: 'mosHashrate' as keyof HeaderPreferences, label: `${WEBAPP_SHORT_NAME} Hashrate` },
+  { key: 'hashrate' as keyof HeaderPreferences, label: `${WEBAPP_SHORT_NAME} Hashrate` },
   { key: 'consumption' as keyof HeaderPreferences, label: 'Consumption' },
   { key: 'efficiency' as keyof HeaderPreferences, label: 'Efficiency' },
 ] as const

ui-client/packages/foundation/src/hooks/specs/use-header-controls.test.ts

@@ -31,16 +31,16 @@ describe('useHeaderControls', () => {
   it('loads preferences from localStorage on mount', () => {
     const stored = {
       poolMiners: false,
-      mosMiners: true,
+      miners: true,
       poolHashrate: true,
-      mosHashrate: false,
+      hashrate: false,
       consumption: true,
       efficiency: false,
     }
     localStorage.setItem('headerControlsPreferences', JSON.stringify(stored))
     const { result } = renderHook(() => useHeaderControls())
     expect(result.current.preferences.poolMiners).toBe(false)
-    expect(result.current.preferences.mosMiners).toBe(true)
+    expect(result.current.preferences.miners).toBe(true)
   })
 
   it('handleToggle updates a preference and saves to localStorage', () => {