diff --git a/ui/src/components/codeLayout/ComponentLibrary.tsx b/ui/src/components/codeLayout/ComponentLibrary.tsx index b53f80ac..a77fe85e 100644 --- a/ui/src/components/codeLayout/ComponentLibrary.tsx +++ b/ui/src/components/codeLayout/ComponentLibrary.tsx @@ -1,6 +1,5 @@ import React, { useMemo, useState } from "react"; -import { FaSquare } from 'react-icons/fa'; -import { AiOutlineSearch } from 'react-icons/ai'; +import { FaSearch, FaSquare } from 'react-icons/fa'; import { ComponentDefinition, HookInfo, PropertyInfo } from "../../@types/componentInfo"; import { getAllComponentDefinitions } from "./data/componentDefinitions"; import navigationIcon from "@/configs/navigation-icon.config"; @@ -96,7 +95,7 @@ export const ComponentLibrary: React.FC = ({ {/* Arama kutusu */}
- + {
- {isSelected && } + {isSelected && }
) } @@ -98,7 +98,7 @@ const Simple = ({ children, content, ...rest }: SimpleProps) => { rel="noopener noreferrer" className="text-gray-500 hover:text-gray-700" > - + )} diff --git a/ui/src/components/layouts/BlankLayout.tsx b/ui/src/components/layouts/BlankLayout.tsx index 922ec1e2..a4bac5ce 100644 --- a/ui/src/components/layouts/BlankLayout.tsx +++ b/ui/src/components/layouts/BlankLayout.tsx @@ -1,7 +1,7 @@ import View from '@/views/Views' import SidePanel from '@/components/template/SidePanel' import { useStoreState, useStoreActions } from '@/store' -import { HiOutlineCog } from 'react-icons/hi' +import { FaCog } from 'react-icons/fa'; import classNames from 'classnames' const ConfiguratorToggle = () => { @@ -19,7 +19,7 @@ const ConfiguratorToggle = () => { setPanelExpand(true) }} > - +
) } diff --git a/ui/src/components/shared/ConfirmDialog.tsx b/ui/src/components/shared/ConfirmDialog.tsx index 74033d4d..b99607f3 100644 --- a/ui/src/components/shared/ConfirmDialog.tsx +++ b/ui/src/components/shared/ConfirmDialog.tsx @@ -1,9 +1,4 @@ -import { - HiCheckCircle, - HiOutlineInformationCircle, - HiOutlineExclamation, - HiOutlineExclamationCircle, -} from 'react-icons/hi' +import { FaCheckCircle, FaInfoCircle, FaExclamationCircle } from 'react-icons/fa'; import Avatar from '@/components/ui/Avatar' import Button from '@/components/ui/Button' import Dialog from '@/components/ui/Dialog' @@ -31,7 +26,7 @@ const StatusIcon = ({ status }: { status: StatusType }) => { shape="circle" > - + ) @@ -42,7 +37,7 @@ const StatusIcon = ({ status }: { status: StatusType }) => { shape="circle" > - + ) @@ -53,7 +48,7 @@ const StatusIcon = ({ status }: { status: StatusType }) => { shape="circle" > - + ) @@ -64,7 +59,7 @@ const StatusIcon = ({ status }: { status: StatusType }) => { shape="circle" > - + ) diff --git a/ui/src/components/shared/EllipsisButton.tsx b/ui/src/components/shared/EllipsisButton.tsx index d9f68b8d..75a6f0c4 100644 --- a/ui/src/components/shared/EllipsisButton.tsx +++ b/ui/src/components/shared/EllipsisButton.tsx @@ -1,5 +1,5 @@ import Button from '@/components/ui/Button' -import { VscEllipsis } from 'react-icons/vsc' +import { FaEllipsisH } from 'react-icons/fa' import type { ButtonProps } from '@/components/ui/Button' type EllipsisButtonProps = ButtonProps @@ -12,7 +12,7 @@ const EllipsisButton = (props: EllipsisButtonProps) => { shape={shape} variant={variant} size={size} - icon={} + icon={} {...props} /> ) diff --git a/ui/src/components/shared/GrowShrinkTag.tsx b/ui/src/components/shared/GrowShrinkTag.tsx index 329837e2..84487c3b 100644 --- a/ui/src/components/shared/GrowShrinkTag.tsx +++ b/ui/src/components/shared/GrowShrinkTag.tsx @@ -1,7 +1,7 @@ import { forwardRef } from 'react' import classNames from 'classnames' import Tag from '@/components/ui/Tag' -import { HiArrowUp, HiArrowDown } from 'react-icons/hi' +import { FaArrowUp, FaArrowDown } from 'react-icons/fa' import growShrinkColor from '@/utils/growShrinkColor' import type { ReactNode } from 'react' @@ -30,7 +30,7 @@ const GrowShrinkTag = forwardRef( {value !== 0 && ( {showIcon && - (value > 0 ? : )} + (value > 0 ? : )} )} diff --git a/ui/src/components/shared/NavToggle.tsx b/ui/src/components/shared/NavToggle.tsx index e82c14ce..39f3bb4b 100644 --- a/ui/src/components/shared/NavToggle.tsx +++ b/ui/src/components/shared/NavToggle.tsx @@ -1,4 +1,4 @@ -import { HiOutlineMenuAlt2, HiOutlineMenu } from 'react-icons/hi' +import { FaAlignLeft, FaAlignJustify } from 'react-icons/fa' import type { CommonProps } from '@/@types/common' export interface NavToggleProps extends CommonProps { @@ -8,7 +8,7 @@ export interface NavToggleProps extends CommonProps { const NavToggle = ({ toggled, className }: NavToggleProps) => { return (
- {toggled ? : } + {toggled ? : }
) } diff --git a/ui/src/components/shared/PasswordInput.tsx b/ui/src/components/shared/PasswordInput.tsx index da8ee94d..278ded31 100644 --- a/ui/src/components/shared/PasswordInput.tsx +++ b/ui/src/components/shared/PasswordInput.tsx @@ -1,6 +1,6 @@ import { useState } from 'react' import { Input, InputProps } from '@/components/ui/Input' -import { HiOutlineEyeOff, HiOutlineEye } from 'react-icons/hi' +import { FaEye, FaEyeSlash } from 'react-icons/fa'; import type { MouseEvent } from 'react' interface PasswordInputProps extends InputProps { @@ -29,9 +29,9 @@ const PasswordInput = (props: PasswordInputProps) => { onClick={onPasswordVisibleClick} > {pwInputType === 'password' ? ( - + ) : ( - + )} } diff --git a/ui/src/components/shared/SegmentItemOption.tsx b/ui/src/components/shared/SegmentItemOption.tsx index bc4b78ab..05a8cc88 100644 --- a/ui/src/components/shared/SegmentItemOption.tsx +++ b/ui/src/components/shared/SegmentItemOption.tsx @@ -1,7 +1,7 @@ import { forwardRef } from 'react' import classNames from 'classnames' import useThemeClass from '@/utils/hooks/useThemeClass' -import { HiCheckCircle } from 'react-icons/hi' +import { FaCheckCircle } from 'react-icons/fa' import type { CommonProps } from '@/@types/common' interface SegmentItemOptionProps extends CommonProps { @@ -54,7 +54,7 @@ const SegmentItemOption = forwardRef( > {children} {active && !customCheck && ( - )} diff --git a/ui/src/components/template/AiAssistant.tsx b/ui/src/components/template/AiAssistant.tsx index 02af8f58..6ffea875 100644 --- a/ui/src/components/template/AiAssistant.tsx +++ b/ui/src/components/template/AiAssistant.tsx @@ -2,8 +2,7 @@ import Tooltip from '@/components/ui/Tooltip' import { ROUTES_ENUM } from '@/routes/route.constant' import { useLocalization } from '@/utils/hooks/useLocalization' import { usePermission } from '@/utils/hooks/usePermission' -import { Helmet } from 'react-helmet' -import { FcAssistant } from 'react-icons/fc' +import { FaHeadset } from 'react-icons/fa'; import { useNavigate } from 'react-router-dom' const AiAssistant = () => { @@ -24,7 +23,7 @@ const AiAssistant = () => { onClick={() => navigate(ROUTES_ENUM.protected.admin.ai)} className="flex items-center justify-center w-9 h-9 m-2 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer transition-colors duration-200" > - + diff --git a/ui/src/components/template/LanguageSelector.tsx b/ui/src/components/template/LanguageSelector.tsx index 91c60ecf..afce61eb 100644 --- a/ui/src/components/template/LanguageSelector.tsx +++ b/ui/src/components/template/LanguageSelector.tsx @@ -6,7 +6,7 @@ import classNames from 'classnames' import withHeaderItem from '@/utils/hoc/withHeaderItem' import { useStoreState, useStoreActions } from '@/store' import dayjs from 'dayjs' -import { HiCheck } from 'react-icons/hi' +import { FaCheck } from 'react-icons/fa' import type { CommonProps } from '@/@types/common' import appConfig from '@/configs/app.config' import { dateLocales } from '@/constants/dateLocales.constant' @@ -74,7 +74,7 @@ const _LanguageSelector = ({ className }: CommonProps) => { /> {lang.displayName} - {currentLang === lang.cultureName && } + {currentLang === lang.cultureName && } ))} diff --git a/ui/src/components/template/Notification.tsx b/ui/src/components/template/Notification.tsx index 6aef519d..9364c637 100644 --- a/ui/src/components/template/Notification.tsx +++ b/ui/src/components/template/Notification.tsx @@ -19,7 +19,7 @@ import classNames from 'classnames' import dayjs from 'dayjs' import relativeTime from 'dayjs/plugin/relativeTime' import { useCallback, useEffect, useRef, useState } from 'react' -import { HiOutlineBell, HiOutlineMailOpen } from 'react-icons/hi' +import { FaBell, FaEnvelopeOpen } from 'react-icons/fa'; import { Link } from 'react-router-dom' import { Notification as Notify, toast } from '../ui' @@ -57,10 +57,10 @@ const NotificationToggle = ({ content={unreadCount} innerClass="py-0 px-1" > - + ) : ( - + )} ) @@ -266,7 +266,7 @@ const _Notification = ({ className }: { className?: string }) => { variant="plain" shape="circle" size="sm" - icon={} + icon={} onClick={onMarkAllAsRead} /> diff --git a/ui/src/components/template/Search.tsx b/ui/src/components/template/Search.tsx index b89bc20a..39df0596 100644 --- a/ui/src/components/template/Search.tsx +++ b/ui/src/components/template/Search.tsx @@ -6,7 +6,7 @@ import useThemeClass from '@/utils/hooks/useThemeClass' import classNames from 'classnames' import { useEffect, useRef, useState } from 'react' import Highlighter from 'react-highlight-words' -import { HiChevronRight, HiOutlineSearch } from 'react-icons/hi' +import { FaChevronRight, FaSearch } from 'react-icons/fa'; import { Link } from 'react-router-dom' import { PermissionCheck } from '../shared' import { Badge, Checkbox, Pagination } from '../ui' @@ -70,7 +70,7 @@ const ListItem = (props: { /> - + ) @@ -174,7 +174,7 @@ const _Search = ({ className }: { className?: string }) => { return (
- +
{
- + { />
diff --git a/ui/src/components/template/SidePanel/SidePanel.tsx b/ui/src/components/template/SidePanel/SidePanel.tsx index 2e5ddbc1..aeed9439 100644 --- a/ui/src/components/template/SidePanel/SidePanel.tsx +++ b/ui/src/components/template/SidePanel/SidePanel.tsx @@ -1,6 +1,6 @@ import classNames from 'classnames' import Drawer from '@/components/ui/Drawer' -import { HiOutlineCog } from 'react-icons/hi' +import { FaCog } from 'react-icons/fa'; import SidePanelContent, { SidePanelContentProps } from './SidePanelContent' import withHeaderItem from '@/utils/hoc/withHeaderItem' import { useStoreState, useStoreActions } from '@/store' @@ -35,7 +35,7 @@ const _SidePanel = (props: SidePanelProps) => { return ( <>
- +
{ size="sm" icon={ <> - {direction === DIR_LTR && } - {direction === DIR_RTL && } + {direction === DIR_LTR && } + {direction === DIR_RTL && } } onClick={handleCollpase} diff --git a/ui/src/components/template/ThemeConfigurator/LayoutSwitcher.tsx b/ui/src/components/template/ThemeConfigurator/LayoutSwitcher.tsx index 74fd3e54..59d1ad28 100644 --- a/ui/src/components/template/ThemeConfigurator/LayoutSwitcher.tsx +++ b/ui/src/components/template/ThemeConfigurator/LayoutSwitcher.tsx @@ -2,7 +2,7 @@ import classNames from 'classnames' import Segment from '@/components/ui/Segment' import SegmentItemOption from '@/components/shared/SegmentItemOption' import DoubleSidedImage from '@/components/shared/DoubleSidedImage' -import { HiCheckCircle } from 'react-icons/hi' +import { FaCheckCircle } from 'react-icons/fa' import useThemeClass from '@/utils/hooks/useThemeClass' import { useStoreState, useStoreActions } from '@/store' import { @@ -87,7 +87,7 @@ const LayoutSwitcher = () => { defaultGutter={false} className="relative min-h-[80px] w-full" customCheck={ - } diff --git a/ui/src/components/template/ThemeConfigurator/ThemeSwitcher.tsx b/ui/src/components/template/ThemeConfigurator/ThemeSwitcher.tsx index bf572027..0fbd3523 100644 --- a/ui/src/components/template/ThemeConfigurator/ThemeSwitcher.tsx +++ b/ui/src/components/template/ThemeConfigurator/ThemeSwitcher.tsx @@ -2,7 +2,7 @@ import classNames from 'classnames' import Select from '@/components/ui/Select' import Badge from '@/components/ui/Badge' import { useStoreState, useStoreActions } from '@/store' -import { HiCheck } from 'react-icons/hi' +import { FaCheck } from 'react-icons/fa' import { components } from 'react-select' import type { ColorLevel } from '@/@types/theme' import type { ControlProps, OptionProps } from 'react-select' @@ -68,7 +68,7 @@ const CustomSelectOption = ({ innerProps, label, data, isSelected }: OptionProps {label}
- {isSelected && } + {isSelected && }
) } diff --git a/ui/src/components/template/UserDropdown.tsx b/ui/src/components/template/UserDropdown.tsx index e00d1297..43447af6 100644 --- a/ui/src/components/template/UserDropdown.tsx +++ b/ui/src/components/template/UserDropdown.tsx @@ -6,8 +6,8 @@ import withHeaderItem from '@/utils/hoc/withHeaderItem' import useAuth from '@/utils/hooks/useAuth' import { useLocalization } from '@/utils/hooks/useLocalization' import classNames from 'classnames' -import { FiActivity } from 'react-icons/fi' -import { HiOutlineLogout, HiOutlineUser } from 'react-icons/hi' +import { FaChartLine } from 'react-icons/fa'; +import { FaSignOutAlt, FaUser } from 'react-icons/fa'; import { Link } from 'react-router-dom' import { Avatar } from '../ui' @@ -27,12 +27,12 @@ const _UserDropdown = ({ className }: CommonProps) => { { label: translate('::Abp.Identity.Profile'), path: ROUTES_ENUM.protected.admin.profile.general, - icon: , + icon: , }, { label: translate('::Abp.Identity.ActivityLogs'), path: ROUTES_ENUM.protected.admin.activityLog, - icon: , + icon: , }, ] @@ -73,7 +73,7 @@ const _UserDropdown = ({ className }: CommonProps) => { {/* */} - + {translate('::Abp.Identity.SignOut')} diff --git a/ui/src/components/ui/Alert/Alert.tsx b/ui/src/components/ui/Alert/Alert.tsx index 207233a5..0700033f 100644 --- a/ui/src/components/ui/Alert/Alert.tsx +++ b/ui/src/components/ui/Alert/Alert.tsx @@ -1,12 +1,7 @@ import { useState, forwardRef } from 'react' import classNames from 'classnames' import useTimeout from '../hooks/useTimeout' -import { - HiCheckCircle, - HiInformationCircle, - HiExclamation, - HiXCircle, -} from 'react-icons/hi' +import { FaCheckCircle, FaInfoCircle, FaExclamation, FaTimesCircle } from 'react-icons/fa'; import { motion } from 'framer-motion' import CloseButton from '../CloseButton' import StatusIcon from '../StatusIcon' @@ -34,28 +29,28 @@ const TYPE_MAP = { titleColor: 'text-emerald-700 dark:text-emerald-50', textColor: 'text-emerald-500 dark:text-emerald-50', iconColor: 'text-emerald-400 dark:text-emerald-50', - icon: , + icon: , }, info: { backgroundColor: 'bg-blue-50 dark:bg-blue-500', titleColor: 'text-blue-700 dark:text-blue-100', textColor: 'text-blue-500 dark:text-blue-100', iconColor: 'text-blue-400 dark:text-blue-100', - icon: , + icon: , }, warning: { backgroundColor: 'bg-yellow-50 dark:bg-yellow-500', titleColor: 'text-yellow-700 dark:text-yellow-50', textColor: 'text-yellow-500 dark:text-yellow-50', iconColor: 'text-yellow-400 dark:text-yellow-50', - icon: , + icon: , }, danger: { backgroundColor: 'bg-red-50 dark:bg-red-500', titleColor: 'text-red-700 dark:text-red-100', textColor: 'text-red-500 dark:text-red-100', iconColor: 'text-red-400 dark:text-red-100', - icon: , + icon: , }, } diff --git a/ui/src/components/ui/CloseButton/CloseButton.tsx b/ui/src/components/ui/CloseButton/CloseButton.tsx index e93192d2..1493344c 100644 --- a/ui/src/components/ui/CloseButton/CloseButton.tsx +++ b/ui/src/components/ui/CloseButton/CloseButton.tsx @@ -1,5 +1,5 @@ import { forwardRef } from 'react' -import { HiX } from 'react-icons/hi' +import { FaTimes } from 'react-icons/fa'; import classNames from 'classnames' import type { CommonProps } from '../@types/common' import type { MouseEvent } from 'react' @@ -23,7 +23,7 @@ const CloseButton = forwardRef((props, ref) => { return ( - + ) }) diff --git a/ui/src/components/ui/DatePicker/BasePicker.tsx b/ui/src/components/ui/DatePicker/BasePicker.tsx index 709c29ce..b4f74358 100644 --- a/ui/src/components/ui/DatePicker/BasePicker.tsx +++ b/ui/src/components/ui/DatePicker/BasePicker.tsx @@ -2,10 +2,8 @@ import { forwardRef } from 'react' import dayjs from 'dayjs' import localizedFormat from 'dayjs/plugin/localizedFormat' import { Input } from '../Input' - - import useMergedRef from '../hooks/useMergeRef' -import { HiOutlineCalendar } from 'react-icons/hi' +import { FaCalendarAlt } from 'react-icons/fa'; import CloseButton from '../CloseButton' import type { CommonProps, TypeAttributes } from '../@types/common' import type { @@ -76,7 +74,7 @@ const BasePicker = forwardRef( inputtableBlurClose = true, inputLabel, inputPrefix, - inputSuffix = , + inputSuffix = , name, onDropdownOpen, onDropdownClose, diff --git a/ui/src/components/ui/DatePicker/tables/Header.tsx b/ui/src/components/ui/DatePicker/tables/Header.tsx index 37e2eed5..3657fdca 100644 --- a/ui/src/components/ui/DatePicker/tables/Header.tsx +++ b/ui/src/components/ui/DatePicker/tables/Header.tsx @@ -1,6 +1,6 @@ import classNames from 'classnames' import { Button } from '../../Button' -import { HiChevronRight, HiChevronLeft } from 'react-icons/hi' +import { FaChevronRight, FaChevronLeft } from 'react-icons/fa'; import type { CommonProps } from '../../@types/common' export interface HeaderProps extends CommonProps { @@ -76,7 +76,7 @@ const Header = (props: HeaderProps) => { 'opacity-0 cursor-default' )} size="sm" - icon={} + icon={} disabled={!hasPrevious} aria-label={previousLabel} onClick={onPrevious} @@ -92,7 +92,7 @@ const Header = (props: HeaderProps) => { !hasNext && renderCenter && 'opacity-0 cursor-default' )} size="sm" - icon={} + icon={} disabled={!hasNext} aria-label={nextLabel} onClick={onNext} diff --git a/ui/src/components/ui/Dropdown/DropdownItem.tsx b/ui/src/components/ui/Dropdown/DropdownItem.tsx index 8d6f075a..b5f1041a 100644 --- a/ui/src/components/ui/Dropdown/DropdownItem.tsx +++ b/ui/src/components/ui/Dropdown/DropdownItem.tsx @@ -19,7 +19,7 @@ import DropdownMenuContext, { DropdownMenuContextProvider, } from './context/dropdownMenuContext' import classNames from 'classnames' -import { HiChevronRight, HiChevronLeft } from 'react-icons/hi' +import { FaChevronRight, FaChevronLeft } from 'react-icons/fa'; import MenuItem from '../MenuItem' import { DROPDOWN_ITEM_TYPE } from '../utils/constants' import type { CommonProps } from '../@types/common' @@ -214,9 +214,9 @@ const DropdownItem = forwardRef( > {children} {direction === 'rtl' ? ( - + ) : ( - + )} {renderSubmenu()} diff --git a/ui/src/components/ui/Dropdown/DropdownToggle.tsx b/ui/src/components/ui/Dropdown/DropdownToggle.tsx index e6973383..638df914 100644 --- a/ui/src/components/ui/Dropdown/DropdownToggle.tsx +++ b/ui/src/components/ui/Dropdown/DropdownToggle.tsx @@ -1,11 +1,6 @@ import { forwardRef } from 'react' import classNames from 'classnames' -import { - HiChevronDown, - HiChevronUp, - HiChevronRight, - HiChevronLeft, -} from 'react-icons/hi' +import { FaChevronDown, FaChevronUp, FaChevronRight, FaChevronLeft } from 'react-icons/fa'; import type { CommonProps } from '../@types/common' import type { DropdownPlacement } from '../@types/placement' import type { ReactNode } from 'react' @@ -32,7 +27,7 @@ const DropdownToggleDefaultContent = ({ return ( <> {children} - + ) } @@ -40,7 +35,7 @@ const DropdownToggleDefaultContent = ({ if (placement && placement.includes('middle-end')) { return ( <> - + {children} ) @@ -50,7 +45,7 @@ const DropdownToggleDefaultContent = ({ return ( <> {children} - + ) } @@ -58,7 +53,7 @@ const DropdownToggleDefaultContent = ({ return ( <> {children} - + ) } diff --git a/ui/src/components/ui/Menu/MenuCollapse.tsx b/ui/src/components/ui/Menu/MenuCollapse.tsx index 3f030cff..16f0cc0b 100644 --- a/ui/src/components/ui/Menu/MenuCollapse.tsx +++ b/ui/src/components/ui/Menu/MenuCollapse.tsx @@ -4,7 +4,7 @@ import { CollapseContextProvider } from './context/collapseContext' import classNames from 'classnames' import { motion } from 'framer-motion' import MenuContext from './context/menuContext' -import { HiChevronDown } from 'react-icons/hi' +import { FaChevronDown } from 'react-icons/fa'; import type { CommonProps } from '../@types/common' import type { ReactNode, MouseEvent } from 'react' @@ -59,7 +59,7 @@ const MenuCollapse = (props: MenuCollapseProps) => { }} transition={{ duration: 0.15 }} > - {sideCollapsed ? null : } + {sideCollapsed ? null : } diff --git a/ui/src/components/ui/Pagination/Next.tsx b/ui/src/components/ui/Pagination/Next.tsx index 26f9d8c6..1eac2460 100644 --- a/ui/src/components/ui/Pagination/Next.tsx +++ b/ui/src/components/ui/Pagination/Next.tsx @@ -1,5 +1,5 @@ import classNames from 'classnames' -import { HiChevronRight } from 'react-icons/hi' +import { FaChevronRight } from 'react-icons/fa'; import type { CommonProps } from '../@types/common' import type { MouseEvent } from 'react' @@ -40,7 +40,7 @@ const Next = (props: NextProps) => { role="presentation" onClick={onNextClick} > - + ) } diff --git a/ui/src/components/ui/Pagination/Pagers.tsx b/ui/src/components/ui/Pagination/Pagers.tsx index 548af351..01ef1cd1 100644 --- a/ui/src/components/ui/Pagination/Pagers.tsx +++ b/ui/src/components/ui/Pagination/Pagers.tsx @@ -1,10 +1,6 @@ import { useState, useEffect, useCallback, useMemo } from 'react' import classNames from 'classnames' -import { - HiOutlineChevronDoubleLeft, - HiOutlineDotsHorizontal, - HiChevronDoubleRight, -} from 'react-icons/hi' +import { FaChevronCircleLeft, FaEllipsisH, FaChevronCircleRight } from 'react-icons/fa'; const PAGER_COUNT = 7 @@ -31,9 +27,9 @@ const NextMore = ({ className, onArrow }: MoreProps) => { onClick={() => onArrow('nextMore')} > {quickNextArrowIcon ? ( - + ) : ( - + )} ) @@ -55,9 +51,9 @@ const PrevMore = ({ className, onArrow }: MoreProps) => { onClick={() => onArrow('prevMore')} > {quickPrevArrowIcon ? ( - + ) : ( - + )} ) diff --git a/ui/src/components/ui/Pagination/Prev.tsx b/ui/src/components/ui/Pagination/Prev.tsx index 6f85bc49..b04f112d 100644 --- a/ui/src/components/ui/Pagination/Prev.tsx +++ b/ui/src/components/ui/Pagination/Prev.tsx @@ -1,5 +1,5 @@ import classNames from 'classnames' -import { HiChevronLeft } from 'react-icons/hi' +import { FaChevronLeft } from 'react-icons/fa'; import type { CommonProps } from '../@types/common' import type { MouseEvent } from 'react' @@ -38,7 +38,7 @@ const Prev = (props: PrevProps) => { role="presentation" onClick={onPrevClick} > - + ) } diff --git a/ui/src/components/ui/Select/Select.tsx b/ui/src/components/ui/Select/Select.tsx index da2dac92..adc0935f 100644 --- a/ui/src/components/ui/Select/Select.tsx +++ b/ui/src/components/ui/Select/Select.tsx @@ -9,7 +9,7 @@ import get from 'lodash/get' import { useConfig } from '../ConfigProvider' import { useForm } from '../Form/context' import { useInputGroup } from '../InputGroup/context' -import { HiCheck, HiChevronDown, HiX } from 'react-icons/hi' +import { FaCheck, FaChevronDown, FaTimes } from 'react-icons/fa'; import Spinner from '../Spinner/Spinner' import { CONTROL_SIZES } from '../utils/constants' import type { CommonProps, TypeAttributes } from '../@types/common' @@ -52,7 +52,7 @@ const DefaultOption = ({ > {label} {isSelected && ( - )} @@ -63,7 +63,7 @@ const DefaultOption = ({ const DefaultDropdownIndicator = () => { return (
- +
) } @@ -79,7 +79,7 @@ const DefaultClearIndicator = ({ return (
- +
) diff --git a/ui/src/components/ui/Spinner/Spinner.tsx b/ui/src/components/ui/Spinner/Spinner.tsx index 44ca3d17..d5ae2db2 100644 --- a/ui/src/components/ui/Spinner/Spinner.tsx +++ b/ui/src/components/ui/Spinner/Spinner.tsx @@ -1,7 +1,7 @@ import { forwardRef } from 'react' import classNames from 'classnames' import { useConfig } from '../ConfigProvider' -import { CgSpinner } from 'react-icons/cg' +import { FaSpinner } from 'react-icons/fa'; import type { CommonProps } from '../@types/common' import type { ElementType } from 'react' @@ -18,7 +18,7 @@ const Spinner = forwardRef((props: SpinnerProps, ref) => { className, color, enableTheme = true, - indicator: Component = CgSpinner, + indicator: Component = FaSpinner, isSpining = true, size = 20, style, diff --git a/ui/src/components/ui/StatusIcon/StatusIcon.tsx b/ui/src/components/ui/StatusIcon/StatusIcon.tsx index 011a0555..e843dc59 100644 --- a/ui/src/components/ui/StatusIcon/StatusIcon.tsx +++ b/ui/src/components/ui/StatusIcon/StatusIcon.tsx @@ -1,9 +1,4 @@ -import { - HiCheckCircle, - HiInformationCircle, - HiExclamation, - HiXCircle, -} from 'react-icons/hi' +import { FaCheckCircle, FaInfoCircle, FaExclamation, FaTimesCircle } from 'react-icons/fa'; import type { TypeAttributes, CommonProps } from '../@types/common' import type { ReactNode } from 'react' @@ -22,19 +17,19 @@ const ICONS: Record< > = { success: { color: 'text-emerald-400', - icon: , + icon: , }, info: { color: 'text-blue-400', - icon: , + icon: , }, warning: { color: 'text-yellow-400', - icon: , + icon: , }, danger: { color: 'text-red-400', - icon: , + icon: , }, } diff --git a/ui/src/components/ui/Steps/StepItem.tsx b/ui/src/components/ui/Steps/StepItem.tsx index 00f06166..c235f438 100644 --- a/ui/src/components/ui/Steps/StepItem.tsx +++ b/ui/src/components/ui/Steps/StepItem.tsx @@ -1,7 +1,7 @@ import { forwardRef } from 'react' import classNames from 'classnames' import { useConfig } from '../ConfigProvider' -import { HiCheck, HiX } from 'react-icons/hi' +import { FaCheck, FaTimes } from 'react-icons/fa'; import { STEPS_STATUS } from '../utils/constants' import type { CommonProps, StepStatus } from '../@types/common' import type { ReactNode } from 'react' @@ -9,10 +9,10 @@ import type { ReactNode } from 'react' const { COMPLETE, PENDING, IN_PROGRESS, ERROR } = STEPS_STATUS const STEP_STATUS_ICON = { - [COMPLETE]: , + [COMPLETE]: , [PENDING]: null, [IN_PROGRESS]: null, - [ERROR]: , + [ERROR]: , } export interface StepItemProps extends CommonProps { diff --git a/ui/src/components/ui/TimeInput/TimeInput.tsx b/ui/src/components/ui/TimeInput/TimeInput.tsx index 735bb012..204258ea 100644 --- a/ui/src/components/ui/TimeInput/TimeInput.tsx +++ b/ui/src/components/ui/TimeInput/TimeInput.tsx @@ -12,7 +12,7 @@ import { createAmPmHandler, createTimeHandler, } from './utils' -import { HiOutlineClock } from 'react-icons/hi' +import { FaClock } from 'react-icons/fa'; import type { CommonProps, TypeAttributes } from '../@types/common' import type { ReactNode, RefObject, Ref } from 'react' @@ -66,7 +66,7 @@ const TimeInput = forwardRef((props, ref) => { showSeconds = false, size = 'md', style, - suffix = , + suffix = , timeFieldPlaceholder = '--', timeFieldClass, value, diff --git a/ui/src/components/ui/TimeInput/TimeInputRange.tsx b/ui/src/components/ui/TimeInput/TimeInputRange.tsx index 7d616e3a..087c5030 100644 --- a/ui/src/components/ui/TimeInput/TimeInputRange.tsx +++ b/ui/src/components/ui/TimeInput/TimeInputRange.tsx @@ -4,7 +4,7 @@ import useMergedRef from '../hooks/useMergeRef' import useDidUpdate from '../hooks/useDidUpdate' import TimeInput from './TimeInput' import CloseButton from '../CloseButton' -import { HiOutlineClock } from 'react-icons/hi' +import { FaClock } from 'react-icons/fa'; import Input from '../Input/Input' import type { CommonProps, TypeAttributes } from '../@types/common' import type { RefObject, Ref, ReactNode } from 'react' @@ -56,7 +56,7 @@ const TimeInputRange = forwardRef( showSeconds = false, size, style, - suffix = , + suffix = , timeFieldPlaceholder = '--', value, ...rest diff --git a/ui/src/components/ui/Tooltip/Arrow.tsx b/ui/src/components/ui/Tooltip/Arrow.tsx index 4ffe12de..9639f51a 100644 --- a/ui/src/components/ui/Tooltip/Arrow.tsx +++ b/ui/src/components/ui/Tooltip/Arrow.tsx @@ -1,10 +1,10 @@ import classNames from 'classnames' import { - BsFillCaretDownFill, - BsFillCaretLeftFill, - BsFillCaretUpFill, - BsFillCaretRightFill, -} from 'react-icons/bs' + FaCaretDown, + FaCaretLeft, + FaCaretUp, + FaCaretRight, +} from 'react-icons/fa'; export type ArrowPlacement = | 'top' @@ -33,7 +33,7 @@ const Arrow = ({ placement, color, colorDark }: ArrowProps) => { switch (placement) { case 'top': return ( - { ) case 'top-start': return ( - { ) case 'top-end': return ( - { ) case 'right': return ( - { ) case 'right-start': return ( - { ) case 'right-end': return ( - { ) case 'bottom': return ( - { ) case 'bottom-start': return ( - { ) case 'bottom-end': return ( - { ) case 'left': return ( - { ) case 'left-start': return ( - { ) case 'left-end': return ( - { if (type === 'application/zip') { return ( - + ) } @@ -40,14 +40,14 @@ const FileItem = (props: FileItemProps) => { if (type === 'application/pdf') { return ( - + ) } return ( - + ) } diff --git a/ui/src/views/AccessDenied.tsx b/ui/src/views/AccessDenied.tsx index 6dbda09e..1e609ec0 100644 --- a/ui/src/views/AccessDenied.tsx +++ b/ui/src/views/AccessDenied.tsx @@ -4,7 +4,7 @@ import { Button } from '@/components/ui' import { ROUTES_ENUM } from '@/routes/route.constant' import { useLocalization } from '@/utils/hooks/useLocalization' import { Helmet } from 'react-helmet' -import { MdArrowBack } from 'react-icons/md' +import { FaArrowLeft } from 'react-icons/fa'; import { useNavigate } from 'react-router-dom' const AccessDenied = () => { @@ -39,7 +39,7 @@ const AccessDenied = () => { navigate(isAdminPath ? ROUTES_ENUM.protected.dashboard : ROUTES_ENUM.public.home) } > - + diff --git a/ui/src/views/Views.tsx b/ui/src/views/Views.tsx index 5c5b0450..2ee9cd78 100644 --- a/ui/src/views/Views.tsx +++ b/ui/src/views/Views.tsx @@ -4,7 +4,7 @@ import { Alert, Button } from '@/components/ui' import { store, useStoreState } from '@/store' import { Suspense, useEffect } from 'react' import { ErrorBoundary } from 'react-error-boundary' -import { MdArrowBack } from 'react-icons/md' +import { FaArrowLeft } from 'react-icons/fa'; import { Navigate, useLocation } from 'react-router-dom' import DialogProvider from './shared/DialogContext' import DialogShowComponent from './shared/DialogContext/DialogShowComponent' @@ -23,7 +23,7 @@ function fallbackRender({ error, resetErrorBoundary }: { error: Error; resetErro
{error.name ?? 'Hata!'}
{error.message}
) diff --git a/ui/src/views/admin/chart/ChartEdit.tsx b/ui/src/views/admin/chart/ChartEdit.tsx index eb328b1f..adb45b69 100644 --- a/ui/src/views/admin/chart/ChartEdit.tsx +++ b/ui/src/views/admin/chart/ChartEdit.tsx @@ -38,9 +38,7 @@ import setNull from '@/utils/setNull' import { Field, FieldArray, FieldProps, Form, Formik, FormikProps, getIn } from 'formik' import { useEffect, useState } from 'react' import { Helmet } from 'react-helmet' -import { FiEdit3 } from 'react-icons/fi' -import { HiMinus, HiOutlineDocumentAdd } from 'react-icons/hi' -import { MdDelete } from 'react-icons/md' +import { FaEdit, FaMinus, FaFileMedical, FaTrash } from 'react-icons/fa'; import { Link, useParams } from 'react-router-dom' import { object, string } from 'yup' import { @@ -1909,7 +1907,7 @@ function ChartEdit() { type="button" size="xs" title="Add" - icon={} + icon={} onClick={async (e) => { e.preventDefault() setDatabaseOperationsModalData({ @@ -1937,7 +1935,7 @@ function ChartEdit() { type="button" size="xs" title="Edit" - icon={} + icon={} onClick={async (e) => { e.preventDefault() setDatabaseOperationsModalData({ @@ -1955,7 +1953,7 @@ function ChartEdit() { type="button" size="xs" title="Delete" - icon={} + icon={} onClick={async (e) => { e.preventDefault() setConfirmDelete({ @@ -2811,7 +2809,7 @@ function ChartEdit() { type="button" size="xs" title="Add" - icon={} + icon={} onClick={async (e) => { e.preventDefault() setDatabaseOperationsModalData({ @@ -2842,7 +2840,7 @@ function ChartEdit() { type="button" size="xs" title="Edit" - icon={} + icon={} onClick={async (e) => { e.preventDefault() setDatabaseOperationsModalData({ @@ -2860,7 +2858,7 @@ function ChartEdit() { type="button" size="xs" title="Delete" - icon={} + icon={} onClick={async (e) => { e.preventDefault() setConfirmDelete({ @@ -3991,7 +3989,7 @@ function ChartEdit() { shape="circle" type="button" size="sm" - icon={} + icon={} onClick={() => remove(index)} /> diff --git a/ui/src/views/admin/listForm/edit/FormCustomization.tsx b/ui/src/views/admin/listForm/edit/FormCustomization.tsx index 385c7383..d9856afb 100644 --- a/ui/src/views/admin/listForm/edit/FormCustomization.tsx +++ b/ui/src/views/admin/listForm/edit/FormCustomization.tsx @@ -24,9 +24,7 @@ import { SelectBoxOption } from '@/shared/types' import { useLocalization } from '@/utils/hooks/useLocalization' import { Field, FieldProps, Form, Formik } from 'formik' import { useState } from 'react' -import { FiEdit3 } from 'react-icons/fi' -import { HiOutlineDocumentAdd } from 'react-icons/hi' -import { MdDelete } from 'react-icons/md' +import { FaEdit, FaFileMedical, FaTrash } from 'react-icons/fa'; import * as Yup from 'yup' import { listFormCustomizationOptions } from './options' import { IdentityRoleDto, IdentityUserDto } from '@/proxy/admin/models' @@ -69,7 +67,7 @@ function FormCustomization({ type="button" size="xs" title="Add" - icon={} + icon={} onClick={async (e) => { e.preventDefault() setRow({} as ListFormCustomizationDto) @@ -93,7 +91,7 @@ function FormCustomization({ type="button" size="xs" title="Edit" - icon={} + icon={} onClick={async (e) => { e.preventDefault() if (row.id) { @@ -108,7 +106,7 @@ function FormCustomization({ type="button" size="xs" title="Delete" - icon={} + icon={} onClick={async (e) => { e.preventDefault() if (row.id) { diff --git a/ui/src/views/admin/listForm/edit/FormTabCommands.tsx b/ui/src/views/admin/listForm/edit/FormTabCommands.tsx index f13805e6..cd7722a6 100644 --- a/ui/src/views/admin/listForm/edit/FormTabCommands.tsx +++ b/ui/src/views/admin/listForm/edit/FormTabCommands.tsx @@ -9,9 +9,7 @@ import { ListFormEditTabs } from '@/proxy/admin/list-form/models' import { useStoreState } from '@/store' import { useLocalization } from '@/utils/hooks/useLocalization' import { useState } from 'react' -import { FiEdit3 } from 'react-icons/fi' -import { HiOutlineDocumentAdd } from 'react-icons/hi' -import { MdDelete } from 'react-icons/md' +import { FaEdit, FaFileMedical, FaTrash } from 'react-icons/fa'; import JsonRowOpDialogCommand from './json-row-operations/JsonRowOpDialogCommand' import { JsonRowDialogData } from './json-row-operations/types' import { UiCommandButtonPositionTypeEnum } from '@/proxy/form/models' @@ -44,7 +42,7 @@ function FormTabCommands() { type="button" size="xs" title="Add" - icon={} + icon={} onClick={async (e) => { e.preventDefault() setJsonRowOpModalData({ @@ -77,7 +75,7 @@ function FormTabCommands() { type="button" size="xs" title="Edit" - icon={} + icon={} onClick={async (e) => { setJsonRowOpModalData({ tabName: ListFormEditTabs.CommandColumnsJsonRow, @@ -95,7 +93,7 @@ function FormTabCommands() { type="button" size="xs" title="Delete" - icon={} + icon={} onClick={async () => { setJsonRowOpModalData({ tabName: ListFormEditTabs.CommandColumnsJsonRow, diff --git a/ui/src/views/admin/listForm/edit/FormTabDatabaseDelete.tsx b/ui/src/views/admin/listForm/edit/FormTabDatabaseDelete.tsx index d39965a1..1f94d9c0 100644 --- a/ui/src/views/admin/listForm/edit/FormTabDatabaseDelete.tsx +++ b/ui/src/views/admin/listForm/edit/FormTabDatabaseDelete.tsx @@ -10,9 +10,7 @@ import { useStoreState } from '@/store' import { useLocalization } from '@/utils/hooks/useLocalization' import { Field, Form, Formik } from 'formik' import { Dispatch, SetStateAction, useState } from 'react' -import { FiEdit3 } from 'react-icons/fi' -import { HiOutlineDocumentAdd } from 'react-icons/hi' -import { MdDelete } from 'react-icons/md' +import { FaEdit, FaFileMedical, FaTrash } from 'react-icons/fa'; import { object, string } from 'yup' import { FormEditProps } from './FormEdit' import { JsonRowDialogData } from './json-row-operations/types' @@ -125,7 +123,7 @@ function FormTabDatabaseDelete({ type="button" size="xs" title="Add" - icon={} + icon={} onClick={async (e) => { e.preventDefault() setData({ @@ -168,7 +166,7 @@ function FormTabDatabaseDelete({ type="button" size="xs" title="Edit" - icon={} + icon={} onClick={() => { setData({ tabName: @@ -187,7 +185,7 @@ function FormTabDatabaseDelete({ type="button" size="xs" title="Delete" - icon={} + icon={} onClick={() => { setData({ tabName: diff --git a/ui/src/views/admin/listForm/edit/FormTabDatabaseInsert.tsx b/ui/src/views/admin/listForm/edit/FormTabDatabaseInsert.tsx index 7ec179fe..3260d254 100644 --- a/ui/src/views/admin/listForm/edit/FormTabDatabaseInsert.tsx +++ b/ui/src/views/admin/listForm/edit/FormTabDatabaseInsert.tsx @@ -10,9 +10,7 @@ import { useStoreState } from '@/store' import { useLocalization } from '@/utils/hooks/useLocalization' import { Field, Form, Formik } from 'formik' import { Dispatch, SetStateAction, useState } from 'react' -import { FiEdit3 } from 'react-icons/fi' -import { HiOutlineDocumentAdd } from 'react-icons/hi' -import { MdDelete } from 'react-icons/md' +import { FaEdit, FaFileMedical, FaTrash } from 'react-icons/fa'; import { object, string } from 'yup' import { FormEditProps } from './FormEdit' import { JsonRowDialogData } from './json-row-operations/types' @@ -125,7 +123,7 @@ function FormTabDatabaseInsert({ type="button" size="xs" title="Add" - icon={} + icon={} onClick={async (e) => { e.preventDefault() setData({ @@ -168,7 +166,7 @@ function FormTabDatabaseInsert({ type="button" size="xs" title="Edit" - icon={} + icon={} onClick={() => { setData({ tabName: @@ -187,7 +185,7 @@ function FormTabDatabaseInsert({ type="button" size="xs" title="Delete" - icon={} + icon={} onClick={() => { setData({ tabName: @@ -229,7 +227,7 @@ function FormTabDatabaseInsert({ type="button" size="xs" title="Add" - icon={} + icon={} onClick={async (e) => { e.preventDefault() setData({ @@ -278,7 +276,7 @@ function FormTabDatabaseInsert({ type="button" size="xs" title="Edit" - icon={} + icon={} onClick={() => { setData({ tabName: ListFormEditTabs.Database.Insert.FormFieldsDefaultValuesJsonRow, @@ -296,7 +294,7 @@ function FormTabDatabaseInsert({ type="button" size="xs" title="Delete" - icon={} + icon={} onClick={() => { setData({ tabName: ListFormEditTabs.Database.Insert.FormFieldsDefaultValuesJsonRow, diff --git a/ui/src/views/admin/listForm/edit/FormTabDatabaseSelect.tsx b/ui/src/views/admin/listForm/edit/FormTabDatabaseSelect.tsx index e21e1dc9..c1ac1d82 100644 --- a/ui/src/views/admin/listForm/edit/FormTabDatabaseSelect.tsx +++ b/ui/src/views/admin/listForm/edit/FormTabDatabaseSelect.tsx @@ -10,9 +10,7 @@ import { useStoreState } from '@/store' import { useLocalization } from '@/utils/hooks/useLocalization' import { Field, Form, Formik } from 'formik' import { Dispatch, SetStateAction, useState } from 'react' -import { FiEdit3 } from 'react-icons/fi' -import { HiOutlineDocumentAdd } from 'react-icons/hi' -import { MdDelete } from 'react-icons/md' +import { FaEdit, FaFileMedical, FaTrash } from 'react-icons/fa'; import { object, string } from 'yup' import { FormEditProps } from './FormEdit' import { JsonRowDialogData } from './json-row-operations/types' @@ -112,7 +110,7 @@ function FormTabDatabaseSelect({ type="button" size="xs" title="Add" - icon={} + icon={} onClick={async (e) => { e.preventDefault() setData({ @@ -161,7 +159,7 @@ function FormTabDatabaseSelect({ type="button" size="xs" title="Edit" - icon={} + icon={} onClick={() => { setData({ tabName: @@ -180,7 +178,7 @@ function FormTabDatabaseSelect({ type="button" size="xs" title="Delete" - icon={} + icon={} onClick={() => { setData({ tabName: diff --git a/ui/src/views/admin/listForm/edit/FormTabDatabaseUpdate.tsx b/ui/src/views/admin/listForm/edit/FormTabDatabaseUpdate.tsx index 89060bd6..6086814c 100644 --- a/ui/src/views/admin/listForm/edit/FormTabDatabaseUpdate.tsx +++ b/ui/src/views/admin/listForm/edit/FormTabDatabaseUpdate.tsx @@ -10,9 +10,7 @@ import { useStoreState } from '@/store' import { useLocalization } from '@/utils/hooks/useLocalization' import { Field, Form, Formik } from 'formik' import { Dispatch, SetStateAction, useState } from 'react' -import { FiEdit3 } from 'react-icons/fi' -import { HiOutlineDocumentAdd } from 'react-icons/hi' -import { MdDelete } from 'react-icons/md' +import { FaEdit, FaFileMedical, FaTrash } from 'react-icons/fa'; import { object, string } from 'yup' import { FormEditProps } from './FormEdit' import { JsonRowDialogData } from './json-row-operations/types' @@ -125,7 +123,7 @@ function FormTabDatabaseUpdate({ type="button" size="xs" title="Add" - icon={} + icon={} onClick={async (e) => { e.preventDefault() setData({ @@ -168,7 +166,7 @@ function FormTabDatabaseUpdate({ type="button" size="xs" title="Edit" - icon={} + icon={} onClick={() => { setData({ tabName: @@ -187,7 +185,7 @@ function FormTabDatabaseUpdate({ type="button" size="xs" title="Delete" - icon={} + icon={} onClick={() => { setData({ tabName: diff --git a/ui/src/views/admin/listForm/edit/FormTabEditForm.tsx b/ui/src/views/admin/listForm/edit/FormTabEditForm.tsx index 0a35decf..8cf127f8 100644 --- a/ui/src/views/admin/listForm/edit/FormTabEditForm.tsx +++ b/ui/src/views/admin/listForm/edit/FormTabEditForm.tsx @@ -9,9 +9,7 @@ import { ListFormEditTabs } from '@/proxy/admin/list-form/models' import { useStoreState } from '@/store' import { useLocalization } from '@/utils/hooks/useLocalization' import { useState } from 'react' -import { FiEdit3 } from 'react-icons/fi' -import { HiOutlineDocumentAdd } from 'react-icons/hi' -import { MdDelete } from 'react-icons/md' +import { FaEdit, FaFileMedical, FaTrash } from 'react-icons/fa'; import JsonRowOpDialogEditForm from './json-row-operations/JsonRowOpDialogEditForm' import { JsonRowDialogData } from './json-row-operations/types' @@ -43,7 +41,7 @@ function FormTabEditForm(props: { listFormCode: string }) { type="button" size="xs" title="Add" - icon={} + icon={} onClick={async (e) => { e.preventDefault() setJsonRowOpModalData({ @@ -75,7 +73,7 @@ function FormTabEditForm(props: { listFormCode: string }) { type="button" size="xs" title="Edit" - icon={} + icon={} onClick={() => { setJsonRowOpModalData({ tabName: ListFormEditTabs.Edit.EditingFormFieldsJsonRow, @@ -93,7 +91,7 @@ function FormTabEditForm(props: { listFormCode: string }) { type="button" size="xs" title="Delete" - icon={} + icon={} onClick={() => { setJsonRowOpModalData({ tabName: ListFormEditTabs.Edit.EditingFormFieldsJsonRow, diff --git a/ui/src/views/admin/listForm/edit/FormTabSubForm.tsx b/ui/src/views/admin/listForm/edit/FormTabSubForm.tsx index 78df969f..80c0d9ab 100644 --- a/ui/src/views/admin/listForm/edit/FormTabSubForm.tsx +++ b/ui/src/views/admin/listForm/edit/FormTabSubForm.tsx @@ -9,9 +9,7 @@ import { ListFormEditTabs } from '@/proxy/admin/list-form/models' import { useStoreState } from '@/store' import { useLocalization } from '@/utils/hooks/useLocalization' import { useState } from 'react' -import { FiEdit3 } from 'react-icons/fi' -import { HiOutlineDocumentAdd } from 'react-icons/hi' -import { MdDelete } from 'react-icons/md' +import { FaEdit, FaFileMedical, FaTrash } from 'react-icons/fa'; import JsonRowOpDialogSubForm from './json-row-operations/JsonRowOpDialogSubForm' import { JsonRowDialogData } from './json-row-operations/types' @@ -43,7 +41,7 @@ function FormTabSubForm() { type="button" size="xs" title="Add" - icon={} + icon={} onClick={async (e) => { e.preventDefault() setJsonRowOpModalData({ @@ -73,7 +71,7 @@ function FormTabSubForm() { type="button" size="xs" title="Edit" - icon={} + icon={} onClick={() => { setJsonRowOpModalData({ tabName: ListFormEditTabs.SubForm, @@ -91,7 +89,7 @@ function FormTabSubForm() { type="button" size="xs" title="Delete" - icon={} + icon={} onClick={() => { setJsonRowOpModalData({ tabName: ListFormEditTabs.SubForm, diff --git a/ui/src/views/admin/listForm/edit/form-fields/FormFieldTabConditionalFormatting.tsx b/ui/src/views/admin/listForm/edit/form-fields/FormFieldTabConditionalFormatting.tsx index 22b18134..0b831cf4 100644 --- a/ui/src/views/admin/listForm/edit/form-fields/FormFieldTabConditionalFormatting.tsx +++ b/ui/src/views/admin/listForm/edit/form-fields/FormFieldTabConditionalFormatting.tsx @@ -22,9 +22,7 @@ import { useLocalization } from '@/utils/hooks/useLocalization' import setNull from '@/utils/setNull' import { Field, FieldProps, Form, Formik } from 'formik' import { useState } from 'react' -import { FiEdit3 } from 'react-icons/fi' -import { HiOutlineDocumentAdd } from 'react-icons/hi' -import { MdCheck, MdDelete } from 'react-icons/md' +import { FaEdit, FaPlusSquare, FaCheck, FaTrashAlt } from 'react-icons/fa'; import { object, string } from 'yup' import { columnRowTypeListOptions, columnValidationComparisonTypeListOptions } from '../options' import { FormFieldEditProps } from './FormFields' @@ -91,7 +89,7 @@ function FormFieldTabConditionalFormatting({ type="button" size="xs" title="Add" - icon={} + icon={} onClick={() => setItemIndex(-1)} /> @@ -113,7 +111,7 @@ function FormFieldTabConditionalFormatting({ type="button" size="xs" title="Edit" - icon={} + icon={} onClick={async (e) => { e.preventDefault() setItemIndex(index) @@ -125,7 +123,7 @@ function FormFieldTabConditionalFormatting({ type="button" size="xs" title="Delete" - icon={} + icon={} onClick={async (e) => { e.preventDefault() try { @@ -159,7 +157,7 @@ function FormFieldTabConditionalFormatting({ /> {row.rowType} - {row.useRow && } + {row.useRow && } {row.condition} {row.conditionValue} {row.cssClassName} diff --git a/ui/src/views/admin/listForm/edit/form-fields/FormFieldTabValidationRules.tsx b/ui/src/views/admin/listForm/edit/form-fields/FormFieldTabValidationRules.tsx index ad36ba4a..7ae54350 100644 --- a/ui/src/views/admin/listForm/edit/form-fields/FormFieldTabValidationRules.tsx +++ b/ui/src/views/admin/listForm/edit/form-fields/FormFieldTabValidationRules.tsx @@ -23,9 +23,7 @@ import { useLocalization } from '@/utils/hooks/useLocalization' import setNull from '@/utils/setNull' import { Field, FieldProps, Form, Formik } from 'formik' import { useState } from 'react' -import { FiEdit3 } from 'react-icons/fi' -import { HiOutlineDocumentAdd } from 'react-icons/hi' -import { MdCheck, MdDelete } from 'react-icons/md' +import { FaEdit, FaPlusSquare, FaCheck, FaTrashAlt } from 'react-icons/fa'; import { bool, object, string } from 'yup' import { columnValidationComparisonTypeListOptions, @@ -105,7 +103,7 @@ function FormFieldTabValidationRules({ type="button" size="xs" title="Add" - icon={} + icon={} onClick={() => setItemIndex(-1)} /> @@ -129,7 +127,7 @@ function FormFieldTabValidationRules({ type="button" size="xs" title="Edit" - icon={} + icon={} onClick={async (e) => { e.preventDefault() setItemIndex(index) @@ -141,7 +139,7 @@ function FormFieldTabValidationRules({ type="button" size="xs" title="Delete" - icon={} + icon={} onClick={async (e) => { e.preventDefault() try { @@ -168,12 +166,12 @@ function FormFieldTabValidationRules({ {row.type} {row.message} - {row.ignoreEmptyValue && } - {row.reevaluate && } + {row.ignoreEmptyValue && } + {row.reevaluate && } {row.pattern} {row.min?.toString()} {row.max?.toString()} - {row.trim && } + {row.trim && } ))} diff --git a/ui/src/views/admin/listForm/edit/form-fields/FormFields.tsx b/ui/src/views/admin/listForm/edit/form-fields/FormFields.tsx index ca818242..831dd2a9 100644 --- a/ui/src/views/admin/listForm/edit/form-fields/FormFields.tsx +++ b/ui/src/views/admin/listForm/edit/form-fields/FormFields.tsx @@ -36,9 +36,7 @@ import setNull from '@/utils/setNull' import classNames from 'classnames' import { Field, FieldProps, Form, Formik, FormikHelpers } from 'formik' import { useEffect, useState } from 'react' -import { FiCopy, FiEyeOff, FiX } from 'react-icons/fi' -import { HiOutlineDocumentAdd } from 'react-icons/hi' -import { MdDelete } from 'react-icons/md' +import { FaFileMedical, FaCopy, FaEyeSlash, FaMinus, FaTimes } from 'react-icons/fa'; import { number, object, string } from 'yup' import FormFieldEdit from './FormFieldEdit' import { dbSourceTypeOptions } from '../options' @@ -305,7 +303,7 @@ function FormFields({ type="button" size="xs" title="Add" - icon={} + icon={} onClick={() => { setIsNewField(true) setRow({} as ColumnFormatEditDto) @@ -317,7 +315,7 @@ function FormFields({ type="button" size="xs" title="Copy" - icon={} + icon={} onClick={async (e) => { e.preventDefault() setIsCopyField(true) @@ -350,7 +348,7 @@ function FormFields({ type="button" size="xs" title="Delete" - icon={} + icon={} onClick={async (e) => { e.preventDefault() if (field.id) { @@ -359,8 +357,8 @@ function FormFields({ }} /> {field.listOrderNo} - {!field?.visible && } - {!field?.isActive && } + {!field?.visible && } + {!field?.isActive && } {field.fieldName} diff --git a/ui/src/views/admin/listForm/edit/json-row-operations/JsonRowOpDialogEditForm.tsx b/ui/src/views/admin/listForm/edit/json-row-operations/JsonRowOpDialogEditForm.tsx index ef0dea7a..21fff7b9 100644 --- a/ui/src/views/admin/listForm/edit/json-row-operations/JsonRowOpDialogEditForm.tsx +++ b/ui/src/views/admin/listForm/edit/json-row-operations/JsonRowOpDialogEditForm.tsx @@ -19,11 +19,10 @@ import { Field, FieldArray, FieldProps, Form, Formik } from 'formik' import groupBy from 'lodash/groupBy' import { Dispatch, SetStateAction, useEffect, useState } from 'react' import { - HiOutlineDocumentAdd, - HiOutlineDocumentRemove, - HiOutlineFolderOpen, - HiTag, -} from 'react-icons/hi' + FaCalendarPlus, + FaCalendarMinus, + FaTag, +} from 'react-icons/fa' import { number, object, string } from 'yup' import { columnEditorTypeListOptions, @@ -369,7 +368,7 @@ function JsonRowOpDialogEditForm({ type="button" size="xs" title="Options" - icon={} + icon={} onClick={() => setIsOpenOptionsDialog({ ...isOpenOptionsDialog, @@ -523,7 +522,7 @@ function JsonRowOpDialogEditForm({ type="button" size="xs" title="Options" - icon={} + icon={} onClick={() => setIsOpenOptionsDialog({ ...isOpenOptionsDialog, @@ -699,7 +698,7 @@ function JsonRowOpDialogEditForm({ type="button" size="xs" title="Add" - icon={} + icon={} onClick={() => { arrayHelpers.remove(index) }} @@ -710,7 +709,7 @@ function JsonRowOpDialogEditForm({ type="button" size="xs" title="Add" - icon={} + icon={} onClick={() => { arrayHelpers.insert(index + 1, '') }} @@ -725,7 +724,7 @@ function JsonRowOpDialogEditForm({ type="button" size="xs" title="Add" - icon={} + icon={} onClick={() => { arrayHelpers.push('') }} diff --git a/ui/src/views/admin/listForm/edit/json-row-operations/JsonRowOpDialogSubForm.tsx b/ui/src/views/admin/listForm/edit/json-row-operations/JsonRowOpDialogSubForm.tsx index 99761ecb..a7a14f98 100644 --- a/ui/src/views/admin/listForm/edit/json-row-operations/JsonRowOpDialogSubForm.tsx +++ b/ui/src/views/admin/listForm/edit/json-row-operations/JsonRowOpDialogSubForm.tsx @@ -14,7 +14,10 @@ import { useStoreActions } from '@/store' import { useLocalization } from '@/utils/hooks/useLocalization' import { Field, FieldArray, FieldProps, Form, Formik } from 'formik' import { Dispatch, SetStateAction } from 'react' -import { HiOutlineDocumentAdd, HiOutlineDocumentRemove } from 'react-icons/hi' +import { + FaCalendarPlus, + FaCalendarMinus, +} from 'react-icons/fa' import { object, string } from 'yup' import { tabTypeOptions } from '../options' import { JsonRowDialogData } from './types' @@ -209,7 +212,7 @@ function JsonRowOpDialogSubForm({ type="button" size="xs" title="Add" - icon={} + icon={} onClick={() => { arrayHelpers.remove(index) }} @@ -220,7 +223,7 @@ function JsonRowOpDialogSubForm({ type="button" size="xs" title="Add" - icon={} + icon={} onClick={() => { arrayHelpers.insert(index + 1, '') }} @@ -235,7 +238,7 @@ function JsonRowOpDialogSubForm({ type="button" size="xs" title="Add" - icon={} + icon={} onClick={() => { arrayHelpers.push('') }} diff --git a/ui/src/views/admin/organization-unit/OrganizationUnits.tsx b/ui/src/views/admin/organization-unit/OrganizationUnits.tsx index d85a1bb1..8711304e 100644 --- a/ui/src/views/admin/organization-unit/OrganizationUnits.tsx +++ b/ui/src/views/admin/organization-unit/OrganizationUnits.tsx @@ -52,18 +52,21 @@ import { memo, Suspense, useEffect, useMemo, useState } from 'react' import { NodeApi, NodeRendererProps } from 'react-arborist' import { Tree } from 'react-arborist/dist/module/components/tree' import { Helmet } from 'react-helmet' -import { FaFolder, FaMinusCircle, FaPlusCircle, FaTrash } from 'react-icons/fa' -import { HiBadgeCheck, HiUser } from 'react-icons/hi' import { - MdAccountTree, - MdAddModerator, - MdAdUnits, - MdDelete, - MdEdit, - MdGroup, - MdPersonAdd, - MdSupervisedUserCircle, -} from 'react-icons/md' + FaCheckCircle, + FaUser, + FaFolder, + FaMinusCircle, + FaPlusCircle, + FaTrash, + FaSitemap, + FaCogs, + FaTrashAlt, + FaEdit, + FaUsers, + FaUserPlus, + FaUserShield, +} from 'react-icons/fa' import { object, string } from 'yup' const schema = object().shape({ @@ -429,19 +432,19 @@ const OrganizationUnits = () => { onClick={() => setIsMoveAllUsersOpen(true)} title={translate('::Abp.Identity.OrganizationUnit.MoveAllUsers')} > - + @@ -476,7 +479,7 @@ const OrganizationUnits = () => { }) }} > - {activeOu ? : } + {activeOu ? : } } @@ -528,10 +531,10 @@ const OrganizationUnits = () => { - }> + }> {translate('::AbpIdentity.Users')} - }> + }> {translate('::AbpIdentity.Roles')} @@ -549,7 +552,7 @@ const OrganizationUnits = () => { setUserSelectionList(response.data?.items ?? []) }} > - + } > @@ -619,7 +622,7 @@ const OrganizationUnits = () => { setRoleSelectionList(response.data?.items ?? []) }} > - + } > diff --git a/ui/src/views/admin/profile/components/General.tsx b/ui/src/views/admin/profile/components/General.tsx index 0b5bb4b2..784bc90f 100644 --- a/ui/src/views/admin/profile/components/General.tsx +++ b/ui/src/views/admin/profile/components/General.tsx @@ -19,8 +19,7 @@ import { CropperRef, } from 'react-advanced-cropper' import 'react-advanced-cropper/dist/style.css' -import { BsWhatsapp } from 'react-icons/bs' -import { HiMail, HiOutlineTrash, HiOutlineUserCircle, HiPhone, HiPlus } from 'react-icons/hi' +import { FaFacebookMessenger, FaEnvelope, FaTrashAlt, FaUserCircle, FaPhone, FaPlus } from 'react-icons/fa'; import * as Yup from 'yup' import isEmpty from 'lodash/isEmpty' import FormRow from '@/views/shared/FormRow' @@ -175,7 +174,7 @@ const General = () => { } + prefix={} value={profileData?.email} > @@ -187,7 +186,7 @@ const General = () => { } + prefix={} value={profileData?.phoneNumber} > @@ -195,7 +194,7 @@ const General = () => { } + prefix={} value={profileData?.extraProperties?.['RocketUsername'] as string | undefined} > @@ -210,7 +209,7 @@ const General = () => { name="name" placeholder="Name" component={Input} - prefix={} + prefix={} /> { name="surname" placeholder="Last Name" component={Input} - prefix={} + prefix={} /> @@ -264,12 +263,12 @@ const General = () => { beforeUpload={beforeUpload} onChange={onChooseImage} > - + diff --git a/ui/src/views/admin/profile/components/NotificationSettings.tsx b/ui/src/views/admin/profile/components/NotificationSettings.tsx index a7ff5300..87b28b23 100644 --- a/ui/src/views/admin/profile/components/NotificationSettings.tsx +++ b/ui/src/views/admin/profile/components/NotificationSettings.tsx @@ -10,7 +10,7 @@ import { import classNames from 'classnames' import isEmpty from 'lodash/isEmpty' import { useEffect, useState } from 'react' -import { MdRestore } from 'react-icons/md' +import { FaHistory } from 'react-icons/fa'; const { Tr, Th, Td, THead, TBody } = Table @@ -101,7 +101,7 @@ const NotificationSettings = () => { type="button" size="xs" title="Reset" - icon={} + icon={} onClick={async (e) => { e.preventDefault() resetMyNotifications(a) diff --git a/ui/src/views/admin/profile/components/Password.tsx b/ui/src/views/admin/profile/components/Password.tsx index 17f7f046..98d44276 100644 --- a/ui/src/views/admin/profile/components/Password.tsx +++ b/ui/src/views/admin/profile/components/Password.tsx @@ -8,11 +8,7 @@ import { useLocalization } from '@/utils/hooks/useLocalization' import FormDesription from '@/views/shared/FormDesription' import FormRow from '@/views/shared/FormRow' import { Field, Form, Formik } from 'formik' -import { - HiOutlineDesktopComputer, - HiOutlineDeviceMobile, - HiOutlineDeviceTablet, -} from 'react-icons/hi' +import { FaDesktop, FaMobileAlt, FaTabletAlt } from 'react-icons/fa'; import * as Yup from 'yup' type LoginHistory = { @@ -31,13 +27,13 @@ type PasswordFormModel = { const LoginHistoryIcon = ({ type }: { type: string }) => { switch (type) { case 'Desktop': - return + return case 'Mobile': - return + return case 'Tablet': - return + return default: - return + return } } diff --git a/ui/src/views/admin/user-management/Details.tsx b/ui/src/views/admin/user-management/Details.tsx index 2f3780ad..efce5238 100644 --- a/ui/src/views/admin/user-management/Details.tsx +++ b/ui/src/views/admin/user-management/Details.tsx @@ -33,8 +33,7 @@ import dayjs from 'dayjs' import { Field, FieldArray, FieldProps, Form, Formik, FormikHelpers } from 'formik' import { useEffect, useState } from 'react' import { Helmet } from 'react-helmet' -import { HiOutlineLockOpen, HiOutlineUser, HiOutlineDocumentAdd } from 'react-icons/hi' -import { MdDelete } from 'react-icons/md' +import { FaLockOpen, FaUser, FaFileAlt, FaTrashAlt } from 'react-icons/fa'; import { useParams } from 'react-router-dom' import * as Yup from 'yup' import { SelectBoxOption } from '@/shared/types' @@ -112,13 +111,13 @@ function UserDetails() { - }> + }> {translate('::Abp.Identity.User.UserInformation')} - }> + }> {translate('::Abp.Identity.User.LockoutManagement')} - }> + }> {translate('::Abp.Identity.User.ClaimTypes')} @@ -637,7 +636,7 @@ function UserDetails() { type="button" size="xs" title="Add" - icon={} + icon={} onClick={async (e) => { setOpen(true) }} @@ -659,7 +658,7 @@ function UserDetails() { type="button" size="xs" title="Delete" - icon={} + icon={} onClick={() => setConfirmDeleteClaim(claim)} /> diff --git a/ui/src/views/dashboard/WidgetFilter.tsx b/ui/src/views/dashboard/WidgetFilter.tsx index 69369a71..49a769e6 100644 --- a/ui/src/views/dashboard/WidgetFilter.tsx +++ b/ui/src/views/dashboard/WidgetFilter.tsx @@ -1,6 +1,6 @@ import DatePickerRange from '@/components/ui/DatePicker/DatePickerRange' import Button from '@/components/ui/Button' -import { HiOutlineFilter } from 'react-icons/hi' +import { FaFilter } from 'react-icons/fa'; import { useLocalization } from '@/utils/hooks/useLocalization' import dayjs from 'dayjs' @@ -34,7 +34,7 @@ const WidgetFilter = ({ style={{ width: '100%' }} onChange={handleDateChange} /> - diff --git a/ui/src/views/form/FormButtons.tsx b/ui/src/views/form/FormButtons.tsx index 71a1b5bf..0ab8d622 100644 --- a/ui/src/views/form/FormButtons.tsx +++ b/ui/src/views/form/FormButtons.tsx @@ -3,7 +3,7 @@ import navigationIcon from '@/configs/navigation-icon.config' import { useLocalization } from '@/utils/hooks/useLocalization' import CustomStore from 'devextreme/data/custom_store' import { useState } from 'react' -import { MdAdd, MdDelete, MdEdit, MdOutlineArticle, MdSave } from 'react-icons/md' +import { FaPlus, FaTrash, FaEdit, FaFileAlt, FaSave } from 'react-icons/fa'; import { useNavigate } from 'react-router-dom' import { GridColumnData } from '../list/GridColumnData' import { useToolbar } from '../list/useToolbar' @@ -170,7 +170,7 @@ const FormButtons = (props: { }} {...(permissions.d ? {} : { disabled: true })} > - + )} {mode != 'new' && ( @@ -187,7 +187,7 @@ const FormButtons = (props: { }} {...(permissions.c ? {} : { disabled: true })} > - + )} {mode == 'view' && ( @@ -204,7 +204,7 @@ const FormButtons = (props: { }} {...(permissions.u ? {} : { disabled: true })} > - + )} {(mode == 'edit' || (onActionView && mode == 'new')) && ( @@ -221,7 +221,7 @@ const FormButtons = (props: { }} {...(permissions.r ? {} : { disabled: true })} > - + )} {(mode == 'edit' || mode == 'new') && ( @@ -232,7 +232,7 @@ const FormButtons = (props: { onClick={handleSubmit} {...(permissions.c || permissions.u ? {} : { disabled: true })} > - + )} diff --git a/ui/src/views/form/SubForms.tsx b/ui/src/views/form/SubForms.tsx index 708d39b4..e35ecac0 100644 --- a/ui/src/views/form/SubForms.tsx +++ b/ui/src/views/form/SubForms.tsx @@ -3,7 +3,7 @@ import TabContent from '@/components/ui/Tabs/TabContent' import TabList from '@/components/ui/Tabs/TabList' import TabNav from '@/components/ui/Tabs/TabNav' import { useEffect, useState } from 'react' -import { MdBarChart, MdList } from 'react-icons/md' +import { FaChartBar, FaList } from 'react-icons/fa'; import { useLocation, useNavigate } from 'react-router-dom' import Grid from '../list/Grid' import Chart from '../chart/Chart' @@ -81,7 +81,7 @@ const SubForms = (props: { : } + icon={subForm.tabType == SubFormTabTypeEnum.List ? : } > {subForm.tabTitle} diff --git a/ui/src/views/settings/Settings.tsx b/ui/src/views/settings/Settings.tsx index c9f6ee6c..85def48b 100644 --- a/ui/src/views/settings/Settings.tsx +++ b/ui/src/views/settings/Settings.tsx @@ -21,7 +21,7 @@ import { Field, FieldProps, Form, Formik } from 'formik' import isEmpty from 'lodash/isEmpty' import { useEffect, useMemo, useState } from 'react' import { Helmet } from 'react-helmet' -import { HiOutlineQuestionMarkCircle } from 'react-icons/hi' +import { FaQuestionCircle } from 'react-icons/fa'; type Option = { value: string @@ -178,7 +178,7 @@ const Settings = () => { label={translate('::' + setting.name) + ' (' + setting.providers + ')'} extra={ - + } > diff --git a/ui/src/views/shared/UiDialog.tsx b/ui/src/views/shared/UiDialog.tsx index c4c66bf3..f3024d4f 100644 --- a/ui/src/views/shared/UiDialog.tsx +++ b/ui/src/views/shared/UiDialog.tsx @@ -5,11 +5,11 @@ import Dialog from '@/components/ui/Dialog' import { useLocalization } from '@/utils/hooks/useLocalization' import type { ReactNode } from 'react' import { - HiCheckCircle, - HiOutlineExclamation, - HiOutlineExclamationCircle, - HiOutlineInformationCircle, -} from 'react-icons/hi' + FaCheckCircle, + FaExclamationTriangle, + FaExclamationCircle, + FaInfoCircle, +} from 'react-icons/fa'; type StatusType = 'info' | 'success' | 'warning' | 'danger' @@ -32,7 +32,7 @@ const StatusIcon = ({ status }: { status: StatusType }) => { shape="circle" > - + ) @@ -43,7 +43,7 @@ const StatusIcon = ({ status }: { status: StatusType }) => { shape="circle" > - + ) @@ -51,7 +51,7 @@ const StatusIcon = ({ status }: { status: StatusType }) => { return ( - + ) @@ -59,7 +59,7 @@ const StatusIcon = ({ status }: { status: StatusType }) => { return ( - + )