change: invite user checkbox text for modals (#287)

* change: invite user checkbox text for modals

* format

* cy

* add tooltips

cypress/e2e/organizations/users.cy.ts

@@ -17,7 +17,6 @@ describe('Org Users page', () => {
       aliasMutation(req, 'removeUserFromGroup');
       aliasMutation(req, 'addGroupToOrganization');
     });
-
     registerIdleHandler('idle');
   });
 

src/components/Organizations/AddUserToGroup/index.js

@@ -2,8 +2,9 @@ import React, { useState } from 'react';
 import { Mutation } from 'react-apollo';
 import ReactSelect from 'react-select';
 
+import { InfoCircleOutlined } from '@ant-design/icons';
+import { Tooltip } from 'antd';
 import Button from 'components/Button';
-// @TODO: add this once the logic exists
 import withLogic from 'components/Organizations/AddUserToGroup/logic';
 import gql from 'graphql-tag';
 
@@ -116,7 +117,14 @@ export const AddUserToGroup = ({
               </RoleSelect>
             </label>
             <label className="add-user">
-              Add user to Lagoon if required
+              Invite user to Lagoon
+              <Tooltip
+                overlayClassName="orgTooltip"
+                title="This will invite the user to Lagoon if the user doesn't exist. If the user already exists, it will just skip the invite."
+                placement="bottom"
+              >
+                <InfoCircleOutlined style={{ fontSize: '1rem' }} />
+              </Tooltip>
               <input
                 data-cy="inviteUser"
                 className="inputCheckbox"

src/components/Organizations/AddUserToGroupSelect/index.tsx

@@ -2,6 +2,8 @@ import { FC, useState } from 'react';
 import { Mutation } from 'react-apollo';
 import ReactSelect from 'react-select';
 
+import { InfoCircleOutlined } from '@ant-design/icons';
+import { Tooltip } from 'antd';
 import Button from 'components/Button';
 import gql from 'graphql-tag';
 
@@ -158,7 +160,14 @@ const AddUserToGroupSelect: FC<Props> = ({ groups, newUserState, setNewUserState
               </RoleSelect>
             </label>
             <label className="add-user">
-              Add user to Lagoon if required
+              Invite user to Lagoon
+              <Tooltip
+                overlayClassName="orgTooltip"
+                title="This will invite the user to Lagoon if the user doesn't exist. If the user already exists, it will just skip the invite."
+                placement="bottom"
+              >
+                <InfoCircleOutlined style={{ fontSize: '1rem' }} />
+              </Tooltip>
               <input
                 data-cy="inviteUser"
                 className="inputCheckbox"