pybricks-code/src/editor/OpenButton.tsx

// SPDX-License-Identifier: MIT
// Copyright (c) 2020-2021 The Pybricks Authors

import React from 'react';
import { useDispatch, useSelector } from 'react-redux';
import * as notificationActions from '../notifications/actions';
import { RootState } from '../reducers';
import OpenFileButton, { OpenFileButtonProps } from '../toolbar/OpenFileButton';
import { TooltipId } from '../toolbar/i18n';
import * as editorActions from './actions';
import openIcon from './open.svg';

type OpenButtonProps = Pick<OpenFileButtonProps, 'id'>;

const OpenButton: React.FunctionComponent<OpenButtonProps> = (props) => {
    const editor = useSelector((state: RootState) => state.editor.current);
    const dispatch = useDispatch();

    return (
        <OpenFileButton
            fileExtension=".py"
            tooltip={TooltipId.Open}
            icon={openIcon}
            enabled={editor !== null}
            onFile={(data) => dispatch(editorActions.open(data))}
            onReject={(file) =>
                dispatch(
                    notificationActions.add(
                        'error',
                        `'${file.name}' is not a valid python file.`,
                    ),
                )
            }
            {...props}
        />
    );
};

export default OpenButton;