hedgedoc/frontend/src/hooks/common/use-lowercase-on-input-change.ts
Philip Molares e13055736a feat(frontend): handle username in lowercase
When handling usernames for login and registering with local or permissions, this makes sure that the username is always in lowercase.

Signed-off-by: Philip Molares <philip.molares@udo.edu>
Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
2023-06-04 21:55:19 +02:00

20 lines
694 B
TypeScript

/*
* SPDX-FileCopyrightText: 2023 The HedgeDoc developers (see AUTHORS file)
*
* SPDX-License-Identifier: AGPL-3.0-only
*/
import { useOnInputChange } from './use-on-input-change'
import type { ChangeEvent } from 'react'
import { useCallback } from 'react'
/**
* Takes an input change event and sends the lower case event value to a state setter.
*
* @param setter The setter method for the state.
* @return Hook that can be used as callback for onChange.
*/
export const useLowercaseOnInputChange = (
setter: (value: string) => void
): ((event: ChangeEvent<HTMLInputElement>) => void) => {
return useOnInputChange(useCallback((value) => setter(value.toLowerCase()), [setter]))
}