fix: do not display long regexps (#1295)

Redocly · Jun 9, 2020 · 2ede22c · 2ede22c
1 parent 5bace30
commit 2ede22c
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/Fields/FieldDetails.tsx b/src/components/Fields/FieldDetails.tsx
@@ -23,6 +23,8 @@ import { Badge } from '../../common-elements/';
 import { l } from '../../services/Labels';
 import { OptionsContext } from '../OptionsProvider';
 
+const MAX_PATTERN_LENGTH = 45;
+
 export class FieldDetails extends React.PureComponent<FieldProps> {
   static contextType = OptionsContext;
   render() {
@@ -62,7 +64,9 @@ export class FieldDetails extends React.PureComponent<FieldProps> {
           {schema.title && !hideSchemaTitles && <TypeTitle> ({schema.title}) </TypeTitle>}
           <ConstraintsView constraints={schema.constraints} />
           {schema.nullable && <NullableLabel> {l('nullable')} </NullableLabel>}
-          {schema.pattern && <PatternLabel> {schema.pattern} </PatternLabel>}
+          {schema.pattern && schema.pattern.length < MAX_PATTERN_LENGTH && (
+            <PatternLabel> {schema.pattern} </PatternLabel>
+          )}
           {schema.isCircular && <RecursiveLabel> {l('recursive')} </RecursiveLabel>}
         </div>
         {deprecated && (