Merge pull request #46 from igorkamyshev/hello

feat: add hello page

front/pages/internal/hello.tsx

@@ -1,9 +1,11 @@
 import * as React from 'react'
 
+import { Hello } from '@front/features/hello'
+
 export default class HelloPage extends React.Component {
   public static isSecure = true
 
   public render() {
-    return <p>hello</p>
+    return <Hello />
   }
 }

front/src/Link.tsx

@@ -0,0 +1,12 @@
+import { ReactChild, ReactFragment } from 'react'
+
+import NextRoutes from '../routes'
+
+interface Props {
+  route?: string
+  children: ReactChild | ReactFragment
+}
+
+export const Link = ({ children, ...props }: Props) => (
+  <NextRoutes.Link {...props}>{children}</NextRoutes.Link>
+)

front/src/features/hello/Hello.css

@@ -0,0 +1,17 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  justify-items: center;
+  width: 100vw;
+  height: 100vh;
+  padding: 24px;
+  padding-bottom: 192px;
+
+  & > * {
+    padding: 0 48px;
+    margin: 24px 0;
+    text-align: center;
+  }
+}

front/src/features/hello/Hello.tsx

@@ -0,0 +1,17 @@
+import { pushRoute } from '@front/pushRoute'
+import { Button } from '@front/ui/atoms/button'
+
+import * as styles from './Hello.css'
+
+export const Hello = () => {
+  return (
+    <section className={styles.container}>
+      <h1>
+        Checkmoney Space
+        <br />
+        <small>Wellcome!</small>
+      </h1>
+      <Button onClick={() => pushRoute('/app')}>Start</Button>
+    </section>
+  )
+}

front/src/features/hello/index.ts

@@ -0,0 +1 @@
+export { Hello } from './Hello'

front/src/ui/atoms/button/Button.tsx

@@ -6,10 +6,17 @@ interface Props {
   submit?: boolean
   children: string
   className?: string
+  onClick?: () => void
 }
 
-export const Button = ({ submit = false, children, className }: Props) => (
+export const Button = ({
+  submit = false,
+  children,
+  onClick,
+  className,
+}: Props) => (
   <AntButton
+    onClick={onClick}
     htmlType={resolveType(submit)}
     className={className}
     type="primary"