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

@@ -1,76 +1,76 @@
import {
PiSlidersHorizontalDuotone,
PiHeadsetDuotone,
PiArrowDownDuotone,
PiArrowRightDuotone,
PiArrowUpDuotone,
PiProhibitDuotone,
PiMoneyDuotone,
PiBellDuotone,
PiLightningDuotone,
PiRobotDuotone,
PiBroadcastDuotone,
PiAppWindowDuotone,
PiCalendarDotsDuotone,
PiCreditCardDuotone,
PiChartBarDuotone,
PiCheckCircleDuotone,
PiCaretUpDownDuotone,
PiCaretDownDuotone,
PiCaretLeftDuotone,
PiCaretUpDuotone,
PiCurrencyBtcDuotone,
PiDevicesDuotone,
PiFileTextDuotone,
PiSlidersHorizontal,
PiHeadset,
PiArrowDown,
PiArrowRight,
PiArrowUp,
PiProhibit,
PiMoney,
PiBell,
PiLightning,
PiRobot,
PiBroadcast,
PiAppWindow,
PiCalendarDots,
PiCreditCard,
PiChartBar,
PiCheckCircle,
PiCaretUpDown,
PiCaretDown,
PiCaretLeft,
PiCaretUp,
PiCurrencyBtc,
PiDevices,
PiFileText,
PiCircleFill,
PiEnvelopeDuotone,
PiWarningDuotone,
PiArrowSquareOutDuotone,
PiEyeDuotone,
PiFunnelDuotone,
PiDotsSixDuotone,
PiDotsSixVerticalDuotone,
PiHeartbeatDuotone,
PiClockCounterClockwiseDuotone,
PiImageDuotone,
PiInfinityDuotone,
PiLinkDuotone,
PiMegaphoneDuotone,
PiMinusDuotone,
PiNewspaperDuotone,
PiHandshakeDuotone,
PiPushPinDuotone,
PiPlusDuotone,
PiPowerDuotone,
PiQuestionDuotone,
PiRepeatDuotone,
PiFlagDuotone,
PiArrowCounterClockwiseDuotone,
PiArrowClockwiseDuotone,
PiRocketDuotone,
PiFloppyDiskDuotone,
PiPaperPlaneTiltDuotone,
PiPercentDuotone,
PiHardDrivesDuotone,
PiGearSixDuotone,
PiShareNetworkDuotone,
PiSparkleDuotone,
PiChartLineDuotone,
PiGiftDuotone,
PiTimerDuotone,
PiCircleDuotone,
PiTagDuotone,
PiTelegramLogoDuotone,
PiTicketDuotone,
PiGaugeDuotone,
PiTrashDuotone,
PiTrophyDuotone,
PiPushPinSlashDuotone,
PiUserPlusDuotone,
PiUsersThreeDuotone,
PiVideoCameraDuotone,
PiXCircleDuotone,
PiXDuotone,
PiEnvelope,
PiWarning,
PiArrowSquareOut,
PiEye,
PiFunnel,
PiDotsSix,
PiDotsSixVertical,
PiHeartbeat,
PiClockCounterClockwise,
PiImage,
PiInfinity,
PiLink,
PiMegaphone,
PiMinus,
PiNewspaper,
PiHandshake,
PiPushPin,
PiPlus,
PiPower,
PiQuestion,
PiRepeat,
PiFlag,
PiArrowCounterClockwise,
PiArrowClockwise,
PiRocket,
PiFloppyDisk,
PiPaperPlaneTilt,
PiPercent,
PiHardDrives,
PiGearSix,
PiShareNetwork,
PiSparkle,
PiChartLine,
PiGift,
PiTimer,
PiCircle,
PiTag,
PiTelegramLogo,
PiTicket,
PiGauge,
PiTrash,
PiTrophy,
PiPushPinSlash,
PiUserPlus,
PiUsersThree,
PiVideoCamera,
PiXCircle,
PiX,
} from 'react-icons/pi';
import { cn } from '@/lib/utils';
@@ -80,106 +80,106 @@ interface IconProps {
}
/**
* Extended cabinet icon set — Phosphor (react-icons/pi) Duotone, the panel's
* Extended cabinet icon set — Phosphor (react-icons/pi), the panel's
* icon family. These cover the icons that used to be hand-written inline across
* feature pages and components. Names match the historical local definitions so
* every page can import from the central barrel instead of redefining SVGs.
*/
export const AdjustmentsIcon = ({ className }: IconProps) => (
<PiSlidersHorizontalDuotone className={cn('h-5 w-5', className)} />
<PiSlidersHorizontal className={cn('h-5 w-5', className)} />
);
export const AgentIcon = ({ className }: IconProps) => (
<PiHeadsetDuotone className={cn('h-5 w-5', className)} />
<PiHeadset className={cn('h-5 w-5', className)} />
);
export const ArrowDownIcon = ({ className }: IconProps) => (
<PiArrowDownDuotone className={cn('h-5 w-5', className)} />
<PiArrowDown className={cn('h-5 w-5', className)} />
);
export const ArrowIcon = ({ className }: IconProps) => (
<PiArrowRightDuotone className={cn('h-5 w-5', className)} />
<PiArrowRight className={cn('h-5 w-5', className)} />
);
export const ArrowUpIcon = ({ className }: IconProps) => (
<PiArrowUpDuotone className={cn('h-5 w-5', className)} />
<PiArrowUp className={cn('h-5 w-5', className)} />
);
export const BanIcon = ({ className }: IconProps) => (
<PiProhibitDuotone className={cn('h-5 w-5', className)} />
<PiProhibit className={cn('h-5 w-5', className)} />
);
export const BanknotesIcon = ({ className }: IconProps) => (
<PiMoneyDuotone className={cn('h-5 w-5', className)} />
<PiMoney className={cn('h-5 w-5', className)} />
);
export const BellIcon = ({ className }: IconProps) => (
<PiBellDuotone className={cn('h-5 w-5', className)} />
<PiBell className={cn('h-5 w-5', className)} />
);
export const BoltIcon = ({ className }: IconProps) => (
<PiLightningDuotone className={cn('h-5 w-5', className)} />
<PiLightning className={cn('h-5 w-5', className)} />
);
export const BotIcon = ({ className }: IconProps) => (
<PiRobotDuotone className={cn('h-5 w-5', className)} />
<PiRobot className={cn('h-5 w-5', className)} />
);
export const BroadcastIcon = ({ className }: IconProps) => (
<PiBroadcastDuotone className={cn('h-5 w-5', className)} />
<PiBroadcast className={cn('h-5 w-5', className)} />
);
export const CabinetIcon = ({ className }: IconProps) => (
<PiAppWindowDuotone className={cn('h-5 w-5', className)} />
<PiAppWindow className={cn('h-5 w-5', className)} />
);
export const CalendarIcon = ({ className }: IconProps) => (
<PiCalendarDotsDuotone className={cn('h-5 w-5', className)} />
<PiCalendarDots className={cn('h-5 w-5', className)} />
);
export const CardIcon = ({ className }: IconProps) => (
<PiCreditCardDuotone className={cn('h-5 w-5', className)} />
<PiCreditCard className={cn('h-5 w-5', className)} />
);
export const ChannelIcon = ({ className }: IconProps) => (
<PiBroadcastDuotone className={cn('h-5 w-5', className)} />
<PiBroadcast className={cn('h-5 w-5', className)} />
);
export const ChartBarIcon = ({ className }: IconProps) => (
<PiChartBarDuotone className={cn('h-5 w-5', className)} />
<PiChartBar className={cn('h-5 w-5', className)} />
);
export const CheckCircleIcon = ({ className }: IconProps) => (
<PiCheckCircleDuotone className={cn('h-5 w-5', className)} />
<PiCheckCircle className={cn('h-5 w-5', className)} />
);
export const ChevronExpandIcon = ({ className }: IconProps) => (
<PiCaretUpDownDuotone className={cn('h-5 w-5', className)} />
<PiCaretUpDown className={cn('h-5 w-5', className)} />
);
export const ChevronIcon = ({ className }: IconProps) => (
<PiCaretDownDuotone className={cn('h-5 w-5', className)} />
<PiCaretDown className={cn('h-5 w-5', className)} />
);
export const ChevronLeftIcon = ({ className }: IconProps) => (
<PiCaretLeftDuotone className={cn('h-5 w-5', className)} />
<PiCaretLeft className={cn('h-5 w-5', className)} />
);
export const ChevronUpIcon = ({ className }: IconProps) => (
<PiCaretUpDuotone className={cn('h-5 w-5', className)} />
<PiCaretUp className={cn('h-5 w-5', className)} />
);
export const CryptoIcon = ({ className }: IconProps) => (
<PiCurrencyBtcDuotone className={cn('h-5 w-5', className)} />
<PiCurrencyBtc className={cn('h-5 w-5', className)} />
);
export const DevicesIcon = ({ className }: IconProps) => (
<PiDevicesDuotone className={cn('h-5 w-5', className)} />
<PiDevices className={cn('h-5 w-5', className)} />
);
export const DocumentIcon = ({ className }: IconProps) => (
<PiFileTextDuotone className={cn('h-5 w-5', className)} />
<PiFileText className={cn('h-5 w-5', className)} />
);
export const DotIcon = ({ className }: IconProps) => (
@@ -187,229 +187,223 @@ export const DotIcon = ({ className }: IconProps) => (
);
export const EmailIcon = ({ className }: IconProps) => (
<PiEnvelopeDuotone className={cn('h-5 w-5', className)} />
<PiEnvelope className={cn('h-5 w-5', className)} />
);
export const ExclamationIcon = ({ className }: IconProps) => (
<PiWarningDuotone className={cn('h-5 w-5', className)} />
<PiWarning className={cn('h-5 w-5', className)} />
);
export const ExternalLinkIcon = ({ className }: IconProps) => (
<PiArrowSquareOutDuotone className={cn('h-5 w-5', className)} />
<PiArrowSquareOut className={cn('h-5 w-5', className)} />
);
export const EyeIcon = ({ className }: IconProps) => (
<PiEyeDuotone className={cn('h-5 w-5', className)} />
);
export const EyeIcon = ({ className }: IconProps) => <PiEye className={cn('h-5 w-5', className)} />;
export const FileTextIcon = ({ className }: IconProps) => (
<PiFileTextDuotone className={cn('h-5 w-5', className)} />
<PiFileText className={cn('h-5 w-5', className)} />
);
export const FilterIcon = ({ className }: IconProps) => (
<PiFunnelDuotone className={cn('h-5 w-5', className)} />
<PiFunnel className={cn('h-5 w-5', className)} />
);
export const GripIcon = ({ className }: IconProps) => (
<PiDotsSixDuotone className={cn('h-5 w-5', className)} />
<PiDotsSix className={cn('h-5 w-5', className)} />
);
export const GripVerticalIcon = ({ className }: IconProps) => (
<PiDotsSixVerticalDuotone className={cn('h-5 w-5', className)} />
<PiDotsSixVertical className={cn('h-5 w-5', className)} />
);
export const HealthIcon = ({ className }: IconProps) => (
<PiHeartbeatDuotone className={cn('h-5 w-5', className)} />
<PiHeartbeat className={cn('h-5 w-5', className)} />
);
export const HistoryIcon = ({ className }: IconProps) => (
<PiClockCounterClockwiseDuotone className={cn('h-5 w-5', className)} />
<PiClockCounterClockwise className={cn('h-5 w-5', className)} />
);
export const ImageIcon = ({ className }: IconProps) => (
<PiImageDuotone className={cn('h-5 w-5', className)} />
<PiImage className={cn('h-5 w-5', className)} />
);
export const InfinityIcon = ({ className }: IconProps) => (
<PiInfinityDuotone className={cn('h-5 w-5', className)} />
<PiInfinity className={cn('h-5 w-5', className)} />
);
export const LinkIcon = ({ className }: IconProps) => (
<PiLinkDuotone className={cn('h-5 w-5', className)} />
<PiLink className={cn('h-5 w-5', className)} />
);
export const MailIcon = ({ className }: IconProps) => (
<PiEnvelopeDuotone className={cn('h-5 w-5', className)} />
<PiEnvelope className={cn('h-5 w-5', className)} />
);
export const MegaphoneIcon = ({ className }: IconProps) => (
<PiMegaphoneDuotone className={cn('h-5 w-5', className)} />
<PiMegaphone className={cn('h-5 w-5', className)} />
);
export const MinusIcon = ({ className }: IconProps) => (
<PiMinusDuotone className={cn('h-5 w-5', className)} />
<PiMinus className={cn('h-5 w-5', className)} />
);
export const NewsIcon = ({ className }: IconProps) => (
<PiNewspaperDuotone className={cn('h-5 w-5', className)} />
<PiNewspaper className={cn('h-5 w-5', className)} />
);
export const PartnerIcon = ({ className }: IconProps) => (
<PiHandshakeDuotone className={cn('h-5 w-5', className)} />
<PiHandshake className={cn('h-5 w-5', className)} />
);
export const PhotoIcon = ({ className }: IconProps) => (
<PiImageDuotone className={cn('h-5 w-5', className)} />
<PiImage className={cn('h-5 w-5', className)} />
);
export const PercentIcon = ({ className }: IconProps) => (
<PiPercentDuotone className={cn('h-5 w-5', className)} />
<PiPercent className={cn('h-5 w-5', className)} />
);
export const PinIcon = ({ className }: IconProps) => (
<PiPushPinDuotone className={cn('h-5 w-5', className)} />
<PiPushPin className={cn('h-5 w-5', className)} />
);
export const PlusSmallIcon = ({ className }: IconProps) => (
<PiPlusDuotone className={cn('h-4 w-4', className)} />
<PiPlus className={cn('h-4 w-4', className)} />
);
export const PowerIcon = ({ className }: IconProps) => (
<PiPowerDuotone className={cn('h-5 w-5', className)} />
<PiPower className={cn('h-5 w-5', className)} />
);
export const QuestionIcon = ({ className }: IconProps) => (
<PiQuestionDuotone className={cn('h-5 w-5', className)} />
<PiQuestion className={cn('h-5 w-5', className)} />
);
export const RepeatIcon = ({ className }: IconProps) => (
<PiRepeatDuotone className={cn('h-5 w-5', className)} />
<PiRepeat className={cn('h-5 w-5', className)} />
);
export const ReportIcon = ({ className }: IconProps) => (
<PiFlagDuotone className={cn('h-5 w-5', className)} />
<PiFlag className={cn('h-5 w-5', className)} />
);
export const ResetIcon = ({ className }: IconProps) => (
<PiArrowCounterClockwiseDuotone className={cn('h-5 w-5', className)} />
<PiArrowCounterClockwise className={cn('h-5 w-5', className)} />
);
export const RestartIcon = ({ className }: IconProps) => (
<PiArrowClockwiseDuotone className={cn('h-5 w-5', className)} />
<PiArrowClockwise className={cn('h-5 w-5', className)} />
);
export const RocketIcon = ({ className }: IconProps) => (
<PiRocketDuotone className={cn('h-5 w-5', className)} />
<PiRocket className={cn('h-5 w-5', className)} />
);
export const SaveIcon = ({ className }: IconProps) => (
<PiFloppyDiskDuotone className={cn('h-5 w-5', className)} />
<PiFloppyDisk className={cn('h-5 w-5', className)} />
);
export const SendIcon = ({ className }: IconProps) => (
<PiPaperPlaneTiltDuotone className={cn('h-5 w-5', className)} />
<PiPaperPlaneTilt className={cn('h-5 w-5', className)} />
);
export const ServerSmallIcon = ({ className }: IconProps) => (
<PiHardDrivesDuotone className={cn('h-4 w-4', className)} />
<PiHardDrives className={cn('h-4 w-4', className)} />
);
export const SettingsIcon = ({ className }: IconProps) => (
<PiGearSixDuotone className={cn('h-5 w-5', className)} />
<PiGearSix className={cn('h-5 w-5', className)} />
);
export const ShareIcon = ({ className }: IconProps) => (
<PiShareNetworkDuotone className={cn('h-5 w-5', className)} />
<PiShareNetwork className={cn('h-5 w-5', className)} />
);
export const SparklesIcon = ({ className }: IconProps) => (
<PiSparkleDuotone className={cn('h-5 w-5', className)} />
<PiSparkle className={cn('h-5 w-5', className)} />
);
export const StatBotIcon = ({ className }: IconProps) => (
<PiRobotDuotone className={cn('h-5 w-5', className)} />
<PiRobot className={cn('h-5 w-5', className)} />
);
export const StatCabinetIcon = ({ className }: IconProps) => (
<PiAppWindowDuotone className={cn('h-5 w-5', className)} />
<PiAppWindow className={cn('h-5 w-5', className)} />
);
export const StatPaidIcon = ({ className }: IconProps) => (
<PiMoneyDuotone className={cn('h-5 w-5', className)} />
<PiMoney className={cn('h-5 w-5', className)} />
);
export const StatsChartIcon = ({ className }: IconProps) => (
<PiChartLineDuotone className={cn('h-5 w-5', className)} />
<PiChartLine className={cn('h-5 w-5', className)} />
);
export const StatTrialIcon = ({ className }: IconProps) => (
<PiGiftDuotone className={cn('h-5 w-5', className)} />
<PiGift className={cn('h-5 w-5', className)} />
);
export const StatUptimeIcon = ({ className }: IconProps) => (
<PiTimerDuotone className={cn('h-5 w-5', className)} />
<PiTimer className={cn('h-5 w-5', className)} />
);
export const StatusIcon = ({ className }: IconProps) => (
<PiCircleDuotone className={cn('h-5 w-5', className)} />
<PiCircle className={cn('h-5 w-5', className)} />
);
export const TagIcon = ({ className }: IconProps) => (
<PiTagDuotone className={cn('h-5 w-5', className)} />
);
export const TagIcon = ({ className }: IconProps) => <PiTag className={cn('h-5 w-5', className)} />;
export const TelegramIcon = ({ className }: IconProps) => (
<PiTelegramLogoDuotone className={cn('h-5 w-5', className)} />
<PiTelegramLogo className={cn('h-5 w-5', className)} />
);
export const TelegramSmallIcon = ({ className }: IconProps) => (
<PiTelegramLogoDuotone className={cn('h-4 w-4', className)} />
<PiTelegramLogo className={cn('h-4 w-4', className)} />
);
export const TicketIcon = ({ className }: IconProps) => (
<PiTicketDuotone className={cn('h-5 w-5', className)} />
<PiTicket className={cn('h-5 w-5', className)} />
);
export const TrafficIcon = ({ className }: IconProps) => (
<PiGaugeDuotone className={cn('h-5 w-5', className)} />
<PiGauge className={cn('h-5 w-5', className)} />
);
export const TrashSmallIcon = ({ className }: IconProps) => (
<PiTrashDuotone className={cn('h-4 w-4', className)} />
<PiTrash className={cn('h-4 w-4', className)} />
);
export const TrophyIcon = ({ className }: IconProps) => (
<PiTrophyDuotone className={cn('h-5 w-5', className)} />
<PiTrophy className={cn('h-5 w-5', className)} />
);
export const UnpinIcon = ({ className }: IconProps) => (
<PiPushPinSlashDuotone className={cn('h-5 w-5', className)} />
<PiPushPinSlash className={cn('h-5 w-5', className)} />
);
export const UserPlusIcon = ({ className }: IconProps) => (
<PiUserPlusDuotone className={cn('h-5 w-5', className)} />
<PiUserPlus className={cn('h-5 w-5', className)} />
);
export const UsersOnlineIcon = ({ className }: IconProps) => (
<PiUsersThreeDuotone className={cn('h-5 w-5', className)} />
<PiUsersThree className={cn('h-5 w-5', className)} />
);
export const VideoIcon = ({ className }: IconProps) => (
<PiVideoCameraDuotone className={cn('h-5 w-5', className)} />
<PiVideoCamera className={cn('h-5 w-5', className)} />
);
export const WarningIcon = ({ className }: IconProps) => (
<PiWarningDuotone className={cn('h-5 w-5', className)} />
<PiWarning className={cn('h-5 w-5', className)} />
);
export const XCircleIcon = ({ className }: IconProps) => (
<PiXCircleDuotone className={cn('h-5 w-5', className)} />
<PiXCircle className={cn('h-5 w-5', className)} />
);
export const XCloseIcon = ({ className }: IconProps) => (
<PiXDuotone className={cn('h-5 w-5', className)} />
<PiX className={cn('h-5 w-5', className)} />
);
export const XMarkIcon = ({ className }: IconProps) => (
<PiXDuotone className={cn('h-5 w-5', className)} />
);
export const XMarkIcon = ({ className }: IconProps) => <PiX className={cn('h-5 w-5', className)} />;