filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-11-26 04:19:49 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: allow only specified characters in input

Browse Source
This commit is contained in:
Akuoko Daniel Jnr 2021-04-01 03:30:27 +00:00
parent bee2ff4b13
commit f0725d369a
No known key found for this signature in database
GPG Key ID: 1C95803CACD3E9DC
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
components/system/components/Tag.js
View File

@ -25,6 +25,8 @@ const STYLES_DROPDOWN = css`
width: 100%;
z-index: 30;
box-shadow: 0px 12px 24px rgba(178, 178, 178, 0.3);
border-radius: 4px;
overflow: hidden;
li[data-item-active="true"] {
background: ${Constants.system.gray80};
@ -459,12 +461,12 @@ export const Tag = ({
};
const _handleAdd = (value) => {
if ((tags || []).find((tag) => tag.toLowerCase() === value.toLowerCase())) {
if ((tags || []).find((tag) => tag.toLowerCase() === value.toLowerCase().trim())) {
return;
}
if (onChange) {
onChange({ target: { name: "tags", value: [...tags, value] } });
onChange({ target: { name: "tags", value: [...tags, value.trim()] } });
setValue("");
}
@ -472,9 +474,14 @@ export const Tag = ({
const _handleChange = (e) => setValue(e.target.value.toLowerCase());
const _handleKeyDown = (e) => {
if (e.key === "Enter") {
const _handleKeyPress = (e) => {
let regex = /[a-z0-9\s-]/i;
if (e.key === "Enter" && value.length) {
_handleAdd(value);
} else if (!regex.test(e.key)) {
e.preventDefault();
return false;
}
};
@ -491,7 +498,7 @@ export const Tag = ({
placeholder={placeholder ? placeholder : null}
value={value}
onChange={_handleChange}
onKeyDown={_handleKeyDown}
onKeyPress={_handleKeyPress}
onFocus={_handleFocus}
/>
<Dropdown