FIX;Auth reducer init state as default parameter

packages/documentation/src/components/App.tsx

@@ -93,8 +93,8 @@ const App = (): React.ReactElement => {
 
 	const userMenuItems: IMenuItem[] = useMemo(
 		() => [
-			{ label: getMessage(MenuLocalization.signOut), href: '/signin' },
-			{ label: getMessage(MenuLocalization.signOut), href: '/signin' },
+			{ label: getMessage(MenuLocalization.signIn), href: '/signin' },
+			{ label: getMessage(MenuLocalization.signOut), href: '/signout' },
 		],
 		[]
 	);

packages/documentation/src/components/__tests__/__snapshots__/App-test.tsx.snap

@@ -168,10 +168,10 @@ exports[`App should match snapshot 1`] = `
         "user": Array [
           Object {
             "href": "/signin",
-            "label": "Sign out",
+            "label": "Sign in",
           },
           Object {
-            "href": "/signin",
+            "href": "/signout",
             "label": "Sign out",
           },
         ],

packages/documentation/src/localization/menu/index.ts

@@ -19,6 +19,7 @@ export class InternalMenuLocalization {
 	@withNS public calendar: string;
 	@withNS public checkbox: string;
 	@withNS public home: string;
+	@withNS public signIn: string;
 	@withNS public signOut: string;
 	@withNS public localization: string;
 	@withNS public localizationStart: string;

packages/documentation/src/localization/menu/localizations/cs.ts

@@ -17,6 +17,7 @@ export const menu: InternalMenuLocalization = {
 	table: 'Tabulka',
 	textField: 'Textové pole',
 	toaster: 'Toaster',
+	signIn: 'Přihlásit se',
 	signOut: 'Odhlásit se',
 	localization: 'Lokalizace',
 	localizationStart: 'Jak začít',

packages/documentation/src/localization/menu/localizations/en.ts

@@ -17,6 +17,7 @@ export const menu: InternalMenuLocalization = {
 	table: 'Table',
 	textField: 'Text field',
 	toaster: 'Toaster',
+	signIn: 'Sign in',
 	signOut: 'Sign out',
 	localization: 'Localization',
 	localizationStart: 'Get started',

packages/documentation/src/pages/ProfilePage/components/signin.tsx

@@ -4,6 +4,7 @@ import { useDispatch } from 'react-redux';
 
 import { setAuthenticated } from '@treejs/auth/actions';
 import Button from '@treejs/components/Button';
+import { Grid, GridCol } from '@treejs/components/Grid';
 import { STATUS } from '@treejs/types/common';
 
 import history from 'documentation/utils/history';
@@ -28,13 +29,11 @@ export const SignIn: React.FC = () => {
 	}, []);
 
 	return (
-		<>
+		<Grid cols={4}>
+			<GridCol>
 				<Button label="Sing in" status={STATUS.info} onClick={authenticate} />
-
-			<a href="#" onClick={handleSignOut}>
-				Show sign out page
-			</a>
-		</>
+			</GridCol>
+		</Grid>
 	);
 };
 

packages/documentation/src/pages/ProfilePage/components/signout.tsx

@@ -5,6 +5,7 @@ import { useDispatch } from 'react-redux';
 import { setAuthenticated } from '@treejs/auth/actions';
 import authRequired, { IAuthHOCInjectProps } from '@treejs/auth/hoc/authRequired';
 import Button from '@treejs/components/Button';
+import { Grid, GridCol } from '@treejs/components/Grid';
 import { STATUS } from '@treejs/types/common';
 
 import history from 'documentation/utils/history';
@@ -33,9 +34,11 @@ export const SignOut: React.FC<IProps> = () => {
 	}, []);
 
 	return (
-		<>
+		<Grid cols={4}>
+			<GridCol>
 				<Button label="Sign out" status={STATUS.warning} onClick={authenticate} />
-		</>
+			</GridCol>
+		</Grid>
 	);
 };
 

packages/treejs-auth/src/reducer/index.ts

@@ -12,8 +12,7 @@ const initialState: AuthReducer<any> = {
 
 type Payload = SetAuthenticatedPayload<any>;
 
-const reducer = (state: AuthReducer<any>, action: Action<Payload, ACTIONS>): AuthReducer<any> => {
-	state = initialState;
+const reducer = (state = initialState, action: Action<Payload, ACTIONS>): AuthReducer<any> => {
 	if (action.type === ACTIONS.SET_AUTHENTICATE) {
 		return {
 			...state,

packages/treejs-styles/src/components/skeleton.js

@@ -86,6 +86,7 @@ const field = (theme) => ({
 			},
 			'.logo': {
 				margin: '0.25rem',
+				marginLeft: '1rem',
 				fontSize: '1rem',
 				textAlign: 'center',
 			},