From 1d5cc644c735750765582681ffcc7f8ea68908bc Mon Sep 17 00:00:00 2001
From: jero <aneurysmjs@outlook.com>
Date: Mon, 10 Feb 2020 16:21:29 +0300
Subject: [PATCH] fix(*): add Footer and UserMenu to git's index

#46
---
 src/app/components/core/Footer/Footer.tsx     | 23 +++++++++++++------
 src/app/components/core/UserMenu/UserMenu.tsx | 20 ++++++++++++----
 2 files changed, 31 insertions(+), 12 deletions(-)

diff --git a/src/app/components/core/Footer/Footer.tsx b/src/app/components/core/Footer/Footer.tsx
index 1782dfc8..52f14cf4 100755
--- a/src/app/components/core/Footer/Footer.tsx
+++ b/src/app/components/core/Footer/Footer.tsx
@@ -1,16 +1,25 @@
-import React, { ReactElement } from 'react';
-
+import React, { FunctionComponent } from 'react';
 import { useSelector } from 'react-redux';
 
-import { getFooter } from '~/store/modules/footer/selectors';
-import { FooterType } from '~/shared/types/FooterType';
-
 import Icon from '~/components/base/Icon';
 
+import { State } from '~/store/State';
+import { AlienResult } from '~/store/config/alienStore/useAlien';
+import { FooterState } from '~/store/modules/footer/types';
+
 import './Footer.scss';
 
-const Footer = (): ReactElement => {
-  const { social }: FooterType = useSelector(getFooter);
+type PropsType = {
+  modules: Array<AlienResult<State>>;
+};
+
+const Footer: FunctionComponent<PropsType> = ({ modules }: PropsType) => {
+  const [footerModule] = modules;
+
+  const { selectors } = footerModule;
+
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  const { social } = useSelector<State, FooterState>(selectors!.getFooter);
 
   return (
     <footer className="footer">
diff --git a/src/app/components/core/UserMenu/UserMenu.tsx b/src/app/components/core/UserMenu/UserMenu.tsx
index df89ba11..8e8d0aec 100644
--- a/src/app/components/core/UserMenu/UserMenu.tsx
+++ b/src/app/components/core/UserMenu/UserMenu.tsx
@@ -1,16 +1,26 @@
-import React, { useState, ReactElement } from 'react';
+import React, { useState, FunctionComponent } from 'react';
 import { useSelector } from 'react-redux';
 import Icon from '~/components/base/Icon';
 import useLazy from '~/hooks/useLazy';
 
-import { CartType } from '~/shared/types/CartType';
-import { getCart } from '~/store/modules/cart/selectors';
+import { State } from '~/store/State';
+import { AlienResult } from '~/store/config/alienStore/useAlien';
+import { Cart } from '~/store/modules/cart/types';
 
 import './UserMenu.scss';
 
-const UserMenu = (): ReactElement => {
+type PropsType = {
+  modules: Array<AlienResult<State>>;
+};
+
+const UserMenu: FunctionComponent<PropsType> = ({ modules }: PropsType) => {
   const [open, setOpen] = useState(false);
-  const cart: CartType = useSelector(getCart);
+  const [cartModule] = modules;
+
+  const { selectors } = cartModule;
+
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  const cart = useSelector<State, Cart>(selectors!.getCart);
 
   const handleOpen = (): void => setOpen(!open);