From e06ec920f7a5d784e674c4c4b4e6d1da3dc7391d Mon Sep 17 00:00:00 2001
From: Piotr Russ <mail@pruss.it>
Date: Mon, 16 Nov 2020 00:10:28 +0100
Subject: api, login, auth

---
 client/src/admin/jsx/MainScreen.jsx | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 client/src/admin/jsx/MainScreen.jsx

(limited to 'client/src/admin/jsx/MainScreen.jsx')

diff --git a/client/src/admin/jsx/MainScreen.jsx b/client/src/admin/jsx/MainScreen.jsx
new file mode 100644
index 0000000..ff28256
--- /dev/null
+++ b/client/src/admin/jsx/MainScreen.jsx
@@ -0,0 +1,25 @@
+import React, { Fragment } from 'react';
+import WithHover from '../../common/jsx/WithHover.jsx';
+
+const MainScreen = ({ projects, t, setHover }) => (
+  <div className="main-screen">
+    <h1 className="main-screen__header">{ t('main-title') }</h1>
+    <div className="main-screen__list">
+      { !projects.length && (
+        <WithHover setHover={setHover} message="edit-current-project-hover">
+          <p className="main-screen__item">{ t('edit-current-project') }</p>
+        </WithHover>
+      )}
+      { !projects.length && (
+        <WithHover setHover={setHover} message="show-saved-projects-hover">
+          <p className="main-screen__item">{ t('show-saved-projects') }</p>
+        </WithHover>
+      )}
+      <WithHover setHover={setHover} message="create-new-project-hover">
+        <p className="main-screen__item">{ t('create-new-project') }</p>
+      </WithHover>
+    </div>
+  </div>
+);
+
+export default MainScreen;
-- 
cgit v1.2.3

