piktochart-create-editor/src/Components/Sidebar/Sidebar.tsx

import * as React from 'react';
import './Sidebar.css';
import { UploadResourcesInput } from '../UploadResourcesInput';
import { AddToCanvasInput } from '../AddToCanvasInput';
import { CanvasTextNode } from '../../Helpers';

interface SidebarProps {
    addTextNode(nodeId: string, textNode: CanvasTextNode): void;
}

interface SidebarState {
}

export class Sidebar extends React.Component<SidebarProps, SidebarState> {
    constructor(props: SidebarProps) {
        super(props);
    }

    render() {
        return (
            <div className="sidebar">
                <UploadResourcesInput />
                <AddToCanvasInput addTextNode={this.props.addTextNode} />
            </div>

        );
    }
}