quotation.tsx

import ForgeUI, {
    render,
    ProjectPage,
    Text,
    Table,
    Head,
    Row,
    Cell, useState
} from "@forge/ui";
import {ForgeElement} from "@forge/ui/out/types";

export declare type ConfigElement = (props: object) => ForgeElement;

interface Quotation {
    name: string,
    text: string
}

const QuotationPage: ConfigElement = () => {
    const [quotations, setQuotations] = useState<Quotation[]>([]);
    return (
        <Table>
            <Head>
                <Cell>
                    <Text>Issue Key</Text>
                </Cell>
                <Cell>
                    <Text>Status</Text>
                </Cell>
            </Head>
            {quotations.map(quotation =>
                <Row>
                    <Cell>
                        <Text>{quotation.name}</Text>
                    </Cell>
                    <Cell>
                        <Text>{quotation.text}</Text>
                    </Cell>
                </Row>
            )}
        </Table>
    );
};

// noinspection JSUnusedGlobalSymbols
export const run = render(
    <ProjectPage>
        <QuotationPage/>
    </ProjectPage>
);