FumeNodes/ox_lib
1
0
Fork 0
mirror of https://github.com/CommunityOx/ox_lib.git synced 2026-08-18 23:46:03 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(web): font awesome icon animations

Browse Source
This commit is contained in:
Luke
2023-11-15 15:28:21 +01:00
parent a50f7a2052
commit 882e372895
24 changed files with 124 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/features/dialog/components/fields/input.tsx
View File

@@ -3,6 +3,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import React from 'react';
import { IInput } from '../../../../typings/dialog';
import { UseFormRegisterReturn } from 'react-hook-form';
import LibIcon from '../../../../components/LibIcon';
interface Props {
register: UseFormRegisterReturn;
@@ -27,7 +28,7 @@ const InputField: React.FC<Props> = (props) => {
defaultValue={props.row.default}
label={props.row.label}
description={props.row.description}
icon={props.row.icon && <FontAwesomeIcon icon={props.row.icon} fixedWidth />}
icon={props.row.icon && <LibIcon icon={props.row.icon} fixedWidth />}
placeholder={props.row.placeholder}
minLength={props.row.min}
maxLength={props.row.max}
@@ -40,14 +41,14 @@ const InputField: React.FC<Props> = (props) => {
defaultValue={props.row.default}
label={props.row.label}
description={props.row.description}
icon={props.row.icon && <FontAwesomeIcon icon={props.row.icon} fixedWidth />}
icon={props.row.icon && <LibIcon icon={props.row.icon} fixedWidth />}
placeholder={props.row.placeholder}
minLength={props.row.min}
maxLength={props.row.max}
disabled={props.row.disabled}
withAsterisk={props.row.required}
visibilityToggleIcon={({ reveal, size }) => (
<FontAwesomeIcon
<LibIcon
icon={reveal ? 'eye-slash' : 'eye'}
fontSize={size}
cursor="pointer"