mukeshs/twenty_crm
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Change to using arrow functions (#1603)

Browse Source 
* Change to using arrow functions

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>

* Add lint rule

---------

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>
Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
gitstart-twenty
2023-09-16 02:41:10 +01:00
committed by GitHub
parent 549335054a
commit 00a3c8ca2b
575 changed files with 2848 additions and 3063 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
front/src/modules/ui/editable-field/components/EditableField.tsx
View File

@ -85,7 +85,7 @@ type OwnProps = {
disableHoverEffect?: boolean;
};
export function EditableField({
export const EditableField = ({
IconLabel,
label,
labelFixedWidth,
@ -97,24 +97,24 @@ export function EditableField({
displayModeContentOnly,
isDisplayModeFixHeight,
disableHoverEffect,
}: OwnProps) {
}: OwnProps) => {
const [isHovered, setIsHovered] = useState(false);
function handleContainerMouseEnter() {
const handleContainerMouseEnter = () => {
setIsHovered(true);
}
};
function handleContainerMouseLeave() {
const handleContainerMouseLeave = () => {
setIsHovered(false);
}
};
const { isFieldInEditMode, openEditableField } = useEditableField();
function handleDisplayModeClick() {
const handleDisplayModeClick = () => {
if (!displayModeContentOnly) {
openEditableField(customEditHotkeyScope);
}
}
};
const showEditButton =
!isFieldInEditMode && isHovered && useEditButton && !displayModeContentOnly;
@ -163,4 +163,4 @@ export function EditableField({
</StyledValueContainer>
</StyledEditableFieldBaseContainer>
);
}
};