flexor-web/src/app/components/controls/cover-image-field.tsx

// cover-image-field.tsx
// Copyright (C) 2020  Dwayne Harris

// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.

// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.

// You should have received a copy of the GNU General Public License
// along with this program.  If not, see <https://www.gnu.org/licenses/>.

import React, { FC } from 'react'
import { MEDIA_COVER_MAX_SIZE } from '../../constants'
import FileField from './file-field'

interface Props {
    name: string
    label?: string
    help?: string
}

const CoverImageField: FC<Props> = ({ name, label = 'Cover Image', help = 'Approx 400 x 200. Max 5 MBs.' }) => {
    return (
        <FileField
            name={name}
            label={label}
            width={400}
            height={200}
            help={help}
            previewWidth={200}
            maxSize={MEDIA_COVER_MAX_SIZE} />
    )
}

export default CoverImageField