groot/automatisch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: make flows enablable

Browse Source
This commit is contained in:
Ali BARIN
2022-03-22 18:16:36 +01:00
committed by Ömer Faruk Aydın
parent 932145e3a1
commit c9bf7c9e21
3 changed files with 40 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/web/src/components/EditableTypography/index.tsx
View File

@@ -7,13 +7,13 @@ import { Box, TextField } from './style';
type EditableTypographyProps = TypographyProps & {
children: string;
onNameSubmit?: (value: string) => void;
onConfirm?: (value: string) => void;
};
const noop = () => null;
function EditableTypography(props: EditableTypographyProps) {
const { children, onNameSubmit = noop, sx, ...typographyProps } = props;
const { children, onConfirm = noop, sx, ...typographyProps } = props;
const [editing, setEditing] = React.useState(false);
const handleClick = React.useCallback(() => {
@@ -28,7 +28,7 @@ function EditableTypography(props: EditableTypographyProps) {
const target = event.target as HTMLInputElement;
if (event.key === 'Enter') {
if (target.value !== children) {
await onNameSubmit(target.value);
await onConfirm(target.value);
}
setEditing(false);
@@ -39,11 +39,11 @@ function EditableTypography(props: EditableTypographyProps) {
const value = event.target.value;
if (value !== children) {
await onNameSubmit(value);
await onConfirm(value);
}
setEditing(false);
}, [onNameSubmit, children]);
}, [onConfirm, children]);
let component = (
<Typography {...typographyProps}>