Add basic export tab
This commit is contained in:
parent
4412851d32
commit
1c117e302c
|
@ -0,0 +1,19 @@
|
||||||
|
import { FunctionalComponent, h, Fragment } from "preact";
|
||||||
|
import { Project } from "../../models/project";
|
||||||
|
import { useProjectEstimations, Estimation } from "../../hooks/use-project-estimations";
|
||||||
|
|
||||||
|
export interface ExportTabProps {
|
||||||
|
project: Project
|
||||||
|
}
|
||||||
|
|
||||||
|
const ExportTab: FunctionalComponent<ExportTabProps> = ({ project }) => {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<label class="label is-size-4">Format JSON</label>
|
||||||
|
<pre>{ JSON.stringify(project, null, 2) }</pre>
|
||||||
|
<hr />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default ExportTab;
|
|
@ -9,6 +9,7 @@ import EditableText from "../../components/editable-text";
|
||||||
import Tabs from "../../components/tabs";
|
import Tabs from "../../components/tabs";
|
||||||
import EstimationTab from "./estimation-tab";
|
import EstimationTab from "./estimation-tab";
|
||||||
import ParamsTab from "./params-tab";
|
import ParamsTab from "./params-tab";
|
||||||
|
import ExportTab from "./export-tab";
|
||||||
|
|
||||||
export interface ProjectProps {
|
export interface ProjectProps {
|
||||||
projectId: string
|
projectId: string
|
||||||
|
@ -50,7 +51,7 @@ const Project: FunctionalComponent<ProjectProps> = ({ projectId }) => {
|
||||||
{
|
{
|
||||||
label: 'Exporter',
|
label: 'Exporter',
|
||||||
icon: '↗️',
|
icon: '↗️',
|
||||||
render: () => null
|
render: () => <ExportTab project={project} />
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
|
|
Loading…
Reference in New Issue