From 3f91e190f6e1e43d9adf7b21488b11dbe106938e Mon Sep 17 00:00:00 2001
From: Stepan Usatiuk <stepanusatiuk@gmail.com>
Date: Fri, 20 Dec 2019 22:57:54 +0300
Subject: [PATCH] stub account page

---
 frontend/src/Account/Account.scss           |  0
 frontend/src/Account/Account.tsx            |  7 +++++++
 frontend/src/Account/tests/Account.test.tsx | 12 ++++++++++++
 frontend/src/Home/Home.tsx                  | 10 ++++++++++
 4 files changed, 29 insertions(+)
 create mode 100644 frontend/src/Account/Account.scss
 create mode 100644 frontend/src/Account/Account.tsx
 create mode 100644 frontend/src/Account/tests/Account.test.tsx

diff --git a/frontend/src/Account/Account.scss b/frontend/src/Account/Account.scss
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/Account/Account.tsx b/frontend/src/Account/Account.tsx
new file mode 100644
index 0000000..973407e
--- /dev/null
+++ b/frontend/src/Account/Account.tsx
@@ -0,0 +1,7 @@
+import * as React from "react";
+
+export function AccountComponent() {
+    return <div>Hello</div>;
+}
+
+export { AccountComponent as Account };
diff --git a/frontend/src/Account/tests/Account.test.tsx b/frontend/src/Account/tests/Account.test.tsx
new file mode 100644
index 0000000..da92cdf
--- /dev/null
+++ b/frontend/src/Account/tests/Account.test.tsx
@@ -0,0 +1,12 @@
+import * as React from "react";
+
+import { shallow } from "enzyme";
+import { AccountComponent } from "../Account";
+
+describe("<Account />", () => {
+    it("should say hello", () => {
+        const wrapper = shallow(<AccountComponent />);
+
+        expect(wrapper.text()).toBe("Hello");
+    });
+});
diff --git a/frontend/src/Home/Home.tsx b/frontend/src/Home/Home.tsx
index 790a4fa..2a9ffa2 100644
--- a/frontend/src/Home/Home.tsx
+++ b/frontend/src/Home/Home.tsx
@@ -19,6 +19,7 @@ import { animated, config, Transition } from "react-spring/renderprops";
 import { Dispatch } from "redux";
 import { IDocumentJSON } from "~../../src/entity/Document";
 import { IUserJSON } from "~../../src/entity/User";
+import { Account } from "~Account/Account";
 import { DocumentEdit } from "~Documents/DocumentEdit";
 import { DocumentView } from "~Documents/DocumentView";
 import { Overview } from "~Documents/Overview";
@@ -134,6 +135,10 @@ export class HomeComponent extends React.PureComponent<IHomeProps> {
                                             path="/docs/:id"
                                             component={DocumentView}
                                         />
+                                        <Route
+                                            path="/account"
+                                            component={Account}
+                                        />
                                         <Route path="/" component={Overview} />
                                     </Switch>
                                 </animated.div>
@@ -148,6 +153,11 @@ export class HomeComponent extends React.PureComponent<IHomeProps> {
     private menu() {
         return (
             <Menu>
+                <Menu.Item
+                    icon="user"
+                    text="Account"
+                    onClick={() => this.props.history.push("/account")}
+                />
                 <Menu.Item
                     icon="log-out"
                     text="Logout"