fix: do not display long regexps (Redocly#1295)

Kontent-ai-Learn · Jun 19, 2020 · 5c2c07d · 5c2c07d
1 parent 354a87b
commit 5c2c07d
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/Fields/FieldDetails.tsx b/src/components/Fields/FieldDetails.tsx
@@ -21,8 +21,12 @@ import { FieldDetail } from './FieldDetail';
 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() {
     const { showExamples, field, renderDiscriminatorSwitch } = this.props;
     const { enumSkipQuotes } = this.context;
@@ -58,7 +62,9 @@ export class FieldDetails extends React.PureComponent<FieldProps> {
           {/*{schema.title && <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 && (