Profile Layout.tsx

40% Statements 2/5

0% Branches 0/4

0% Functions 0/2

40% Lines 2/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34  
4x
 
 
 
 
 
 
 
 
 
 
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React, { FC } from 'react';
const styles = require('./Profile.module.css')
import { useUserContext } from '../../contexts';
import { CollapseMenu } from './CollapseMenu';
import { AuthModal } from '../AuthModal';
import { navigate } from 'gatsby';
import { LeftMenu } from './LeftMenu';
import { ProfilePage } from './types';
 
export const Layout: FC<{
  classes?: string;
  current?: ProfilePage;
}> = ({
  classes,
  current,
  children
}) => {
  const { isAuth } = useUserContext();
 
  return isAuth
    ? <>
      <div className="only-sm"><CollapseMenu current={current} /></div>
 
      <div className={`${styles.Profile} ${classes ?? ''}`}>
        <div className={`${styles.ProfileLeft} no-sm`}>
          <LeftMenu classes={styles.ProfileLeftMenu} current={current} />
        </div>
        <div className={styles.ProfileRight}>
          {children}
        </div>
      </div>
    </>
    : <AuthModal isOpen={true} onClose={() => navigate('/')} />;
};