Gecko [ gandhischool.edu.np ]

Name	Size	Permission
messages.ts	404 B	-rw-rw-r--
showClientSideErrors.tsx	808 B	-rw-rw-r--
showErrors.tsx	1008 B	-rw-rw-r--
validate.tsx	1.11 KB	-rw-rw-r--

Name

Size

Permission

Action

messages.ts

404 B

-rw-rw-r--

showClientSideErrors.tsx

808 B

-rw-rw-r--

showErrors.tsx

1008 B

-rw-rw-r--

validate.tsx

1.11 KB

-rw-rw-r--

Code Editor : showErrors.tsx

import * as React from 'react';
import { checkErrors } from './validate';

interface ErrorsProps {
    name: any;
    value?: any;
    validations: any;
    display: boolean;
}

interface ErrorsState {
    show: boolean;
}

class ShowErrors extends React.Component<ErrorsProps, ErrorsState> {
    static defaultProps = {
        display: false,
    };

private listOfErrors() {
        const { validations, name } = this.props;
        return validations[name];
    }

public render() {
        if (!this.props.display) {
            return null;
        }
        return (
            <div>
                {this.listOfErrors() &&
                    this.listOfErrors().map(err => (
                        <p
                            style={{ color: 'red', marginTop: '10px' }}
                            key={err}
                        >
                            {err}
                        </p>
                    ))}
            </div>
        );
    }
}
export default ShowErrors;

${this.title}

Code Editor : showErrors.tsx