mirror of
https://github.com/chillpadclub/bedolaga-cabinet.git
synced 2026-07-30 02:23:47 +00:00
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:
@@ -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')}
|
||||
/>
|
||||
);
|
||||
|
||||
@@ -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 ============
|
||||
|
||||
@@ -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']);
|
||||
|
||||
@@ -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' : ''}`}
|
||||
/>
|
||||
);
|
||||
|
||||
@@ -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')}
|
||||
/>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user