style(cabinet-icons): use regular Phosphor weight and switch wheel to dice

- Drop the Duotone variants (their translucent secondary fill looked murky on
  the dark theme) in favour of the clean regular weight across all icons
- WheelIcon: PiSteeringWheel → PiDiceFive (a steering wheel made no sense for
  the fortune-wheel feature)
This commit is contained in:
c0mrade
2026-05-31 19:24:29 +03:00
parent b8be98939a
commit 0a89838926
13 changed files with 297 additions and 311 deletions

View File

@@ -20,7 +20,7 @@ import {
type BulkActionType,
type BulkActionParams,
} from '../api/adminBulkActions';
import { PiCaretDownDuotone } from 'react-icons/pi';
import { PiCaretDown } from 'react-icons/pi';
import { usePlatform } from '../platform/hooks/usePlatform';
import { useCurrency } from '../hooks/useCurrency';
import { cn } from '@/lib/utils';
@@ -56,7 +56,7 @@ type SubscriptionStatusFilter = '' | 'active' | 'expired' | 'trial' | 'limited'
// className-only API), so it stays local as a thin wrapper over the panel's
// Phosphor caret, preserving the rotate-on-expand behavior.
const ChevronExpandIcon = ({ expanded }: { expanded: boolean }) => (
<PiCaretDownDuotone
<PiCaretDown
className={cn('h-4 w-4 text-white transition-transform duration-200', expanded && 'rotate-180')}
/>
);

View File

@@ -1,5 +1,5 @@
import { useState, useCallback, useEffect, useRef, useMemo } from 'react';
import { PiCaretDownDuotone } from 'react-icons/pi';
import { PiCaretDown } from 'react-icons/pi';
import { useNavigate, useParams } from 'react-router';
import { useQuery, useQueries, useMutation, useQueryClient } from '@tanstack/react-query';
import { useTranslation } from 'react-i18next';
@@ -53,7 +53,7 @@ function isoToDatetimeLocal(iso: string): string {
}
const ChevronDownIcon = ({ open }: { open: boolean }) => (
<PiCaretDownDuotone className={cn('h-5 w-5 transition-transform', open && 'rotate-180')} />
<PiCaretDown className={cn('h-5 w-5 transition-transform', open && 'rotate-180')} />
);
// ============ Collapsible Section ============

View File

@@ -1,7 +1,7 @@
import { useState, useMemo, useCallback, useRef, useEffect } from 'react';
import { useQuery } from '@tanstack/react-query';
import { useTranslation } from 'react-i18next';
import { PiCaretDownDuotone } from 'react-icons/pi';
import { PiCaretDown } from 'react-icons/pi';
import DOMPurify from 'dompurify';
import { infoApi, FaqPage } from '../api/info';
import { infoPagesApi } from '../api/infoPages';
@@ -10,7 +10,7 @@ import type { FaqItem, ReplacesTab } from '../api/infoPages';
import { DocumentIcon, InfoIcon, QuestionIcon, ShieldIcon, StarIcon } from '@/components/icons';
const ChevronIcon = ({ expanded }: { expanded: boolean }) => (
<PiCaretDownDuotone className={`h-5 w-5 transition-transform ${expanded ? 'rotate-180' : ''}`} />
<PiCaretDown className={`h-5 w-5 transition-transform ${expanded ? 'rotate-180' : ''}`} />
);
const BUILTIN_TABS = new Set<string>(['faq', 'rules', 'privacy', 'offer', 'loyalty']);

View File

@@ -3,7 +3,7 @@ import { useParams, useNavigate } from 'react-router';
import { useTranslation } from 'react-i18next';
import { useQuery } from '@tanstack/react-query';
import DOMPurify from 'dompurify';
import { PiCaretDownDuotone } from 'react-icons/pi';
import { PiCaretDown } from 'react-icons/pi';
import { BackIcon, SearchIcon } from '@/components/icons';
import { infoPagesApi } from '../api/infoPages';
import { usePlatform } from '../platform/hooks/usePlatform';
@@ -160,7 +160,7 @@ function sanitizeHtml(html: string): string {
// --- FAQ Accordion ---
const ChevronIcon = ({ open }: { open: boolean }) => (
<PiCaretDownDuotone
<PiCaretDown
className={`h-5 w-5 text-dark-400 transition-transform duration-300 ${open ? 'rotate-180' : ''}`}
/>
);

View File

@@ -10,13 +10,13 @@ import { Card } from '@/components/data-display/Card/Card';
import { Button } from '@/components/primitives/Button/Button';
import { motion, AnimatePresence } from 'framer-motion';
import { staggerContainer, staggerItem } from '@/components/motion/transitions';
import { PiCaretDownDuotone } from 'react-icons/pi';
import { PiCaretDown } from 'react-icons/pi';
import { StarIcon, CalendarIcon, HistoryIcon, CloseIcon } from '@/components/icons';
import { cn } from '@/lib/utils';
// Icons
const ChevronIcon = ({ expanded }: { expanded: boolean }) => (
<PiCaretDownDuotone
<PiCaretDown
className={cn('h-5 w-5 transition-transform duration-200', expanded && 'rotate-180')}
/>
);