frontend/components/PleaseSignIn.js


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
35
36
37
38
39
40

import { Query } from 'react-apollo';
import { CURRENT_USER_QUERY } from '../queries/index';
import Signin from './Signin';
import Dump from './Dump';

const PleaseSignIn = props => (
  <Query query={CURRENT_USER_QUERY}>
    {({ data }) => {
      // check if they are signed in
      if (!data.me) {
        return (
          <div>
            <p>Please sign in before continuing!</p>
            <Signin />
          </div>
        );
      }
      // check if they need permissions
      if (props.allowedPermissions) {
        // check if they NO permissions, or they don't meet the requmrenets
        if (
          !data.me.permissions ||
          !props.allowedPermissions.some(permission => data.me.permissions.includes(permission))
        ) {
          return (
            <p>
              Insufficient Permissions to Manage Permissions. You have:
              <strong>{data.me.permissions}</strong>
              and you need
              <strong>{props.allowedPermissions.join(' OR ')}</strong>
            </p>
          );
        }
      }
      return props.children;
    }}
  </Query>
);

export default PleaseSignIn;