added login stamp

src/layouts/FlowLayout/index.tsx

@@ -1,23 +1,22 @@
-import React, { FC } from 'react';
+import { FC } from 'react';
 
 import classNames from 'classnames';
 
 import { FlowGrid } from '~/components/flow/FlowGrid';
+import { FlowLoginStamp } from '~/components/flow/FlowLoginStamp';
 import { FlowSwiperHero } from '~/components/flow/FlowSwiperHero';
 import { FlowStamp } from '~/containers/flow/FlowStamp';
 import { SubmitBarRouter } from '~/containers/main/SubmitBarRouter';
-import { useUser } from '~/hooks/auth/useUser';
+import { useAuth } from '~/hooks/auth/useAuth';
 import { useInfiniteLoader } from '~/hooks/dom/useInfiniteLoader';
 import { useFlowContext } from '~/utils/providers/FlowProvider';
 
 import styles from './styles.module.scss';
 
-interface Props {}
-
-const FlowLayout: FC<Props> = () => {
+const FlowLayout = () => {
   const { heroes, nodes, onChangeCellView, loadMore, isSyncing } =
     useFlowContext();
-  const { user } = useUser();
+  const { user, isUser } = useAuth();
 
   useInfiniteLoader(loadMore, isSyncing);
 
@@ -32,6 +31,12 @@ const FlowLayout: FC<Props> = () => {
           <FlowStamp isFluid={false} onToggleLayout={console.warn} />
         </div>
 
+        {!isUser && (
+          <div className={styles.login}>
+            <FlowLoginStamp />
+          </div>
+        )}
+
         <FlowGrid
           nodes={nodes}
           user={user}

src/layouts/FlowLayout/styles.module.scss

@@ -58,3 +58,24 @@ $cols: math.div($content_width, $cell);
     grid-row-end: span 1;
   }
 }
+
+.login {
+  grid-row-start: 4;
+  grid-row-end: span 2;
+  grid-column: -3 / -4;
+  display: flex;
+  align-items: stretch;
+  justify-content: stretch;
+  overflow: hidden;
+  position: relative;
+
+  @include desktop {
+    display: none;
+  }
+
+  @media (max-width: $flow_hide_recents) {
+    display: flex;
+    grid-column: 1 / 2;
+    grid-row-end: span 2;
+  }
+}