From 1c117e302c1d2dab770ae0f463afd0f4f754cafa Mon Sep 17 00:00:00 2001
From: William Petit <wpetit@cadoles.com>
Date: Thu, 23 Apr 2020 08:45:06 +0200
Subject: [PATCH] Add basic export tab

---
 src/routes/project/export-tab.tsx | 19 +++++++++++++++++++
 src/routes/project/index.tsx      |  3 ++-
 2 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 src/routes/project/export-tab.tsx

diff --git a/src/routes/project/export-tab.tsx b/src/routes/project/export-tab.tsx
new file mode 100644
index 0000000..a274370
--- /dev/null
+++ b/src/routes/project/export-tab.tsx
@@ -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;
diff --git a/src/routes/project/index.tsx b/src/routes/project/index.tsx
index 15173ec..da7045f 100644
--- a/src/routes/project/index.tsx
+++ b/src/routes/project/index.tsx
@@ -9,6 +9,7 @@ import EditableText from "../../components/editable-text";
 import Tabs from "../../components/tabs";
 import EstimationTab from "./estimation-tab";
 import ParamsTab from "./params-tab";
+import ExportTab from "./export-tab";
 
 export interface ProjectProps {
     projectId: string
@@ -50,7 +51,7 @@ const Project: FunctionalComponent<ProjectProps> = ({ projectId }) => {
                         {
                             label: 'Exporter',
                             icon: '↗️',
-                            render: () => null
+                            render: () => <ExportTab project={project} />
                         }
                     ]}
                 />