1315906619

Committed 03 Jun 2024 11:58AM UTC coverage: 83.418% (-16.5%) from 99.964%

Build # 1315906619

Build Type

Pull #4424

gitlab-ci

Committed by

mzedel

Commit Message

feat: restructured account menu & added option to switch tenant in supporting setups

Ticket: MEN-6906
Changelog: Title
Signed-off-by: Manuel Zedel <manuel.zedel@northern.tech>

Pull Request Pull Request #4424: MEN-6906 - tenant switching

Run Details

4477 of 6394 branches covered (70.02%)

25 of 30 new or added lines in 2 files covered. (83.33%)

1670 existing lines in 162 files now uncovered.

8502 of 10192 relevant lines covered (83.42%)

140.43 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

57.14

/src/js/components/settings/user-management/twofactorauth-steps/emailverification.js

// Copyright 2021 Northern.tech AS
//
//    Licensed under the Apache License, Version 2.0 (the "License");
//    you may not use this file except in compliance with the License.
//    You may obtain a copy of the License at
//
//        http://www.apache.org/licenses/LICENSE-2.0
//
//    Unless required by applicable law or agreed to in writing, software
//    distributed under the License is distributed on an "AS IS" BASIS,
//    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//    See the License for the specific language governing permissions and
//    limitations under the License.
import React, { useEffect, useState } from 'react';

import { Button } from '@mui/material';

import { TIMEOUTS } from '../../../../constants/appConstants';
import Form from '../../../common/forms/form';
import TextInput from '../../../common/forms/textinput';
import Loader from '../../../common/loader';

export const EmailVerification = ({ activationCode, verifyEmailComplete, verifyEmailStart }) => {
  const [isVerifying, setIsVerifying] = useState(false);
  const [isLoading, setIsLoading] = useState(false);

  useEffect(() => {
    setIsVerifying(Boolean(activationCode));
  }, [activationCode]);

  const startVerification = () => {
    setIsLoading(true);
    setTimeout(() => {
      setIsVerifying(true);
      setIsLoading(false);
    }, TIMEOUTS.threeSeconds);
    verifyEmailStart().catch(() => setIsVerifying(false));
  };

  const completeVerification = formData => {
    verifyEmailComplete(formData.emailVerification);
  };

  return (
    <div className="margin-top">
      Please verify your email address first, to enable Two Factor Authentication.
      <br />
      Once you click the button below we will send you an email with a confirmation link in it and a confirmation field will appear below. Click on the link to
      complete the verification. If the link does not work, you can also enter the confirmation code from the link in a confirmation field that will appear
      below once you clicked the button.
      {!isVerifying ? (
        <div className="flexbox center-aligned">
          <Button variant="contained" disabled={isLoading} color="primary" onClick={startVerification} style={{ marginTop: 20, marginRight: 30 }}>
            Verify your email address
          </Button>
          <Loader show={isLoading} />
        </div>
      ) : (
        <Form showButtons={isVerifying} buttonColor="primary" onSubmit={completeVerification} submitLabel="Verify">
          <TextInput hint="Verification code" label="Verification code" id="emailVerification" required={true} value={activationCode} />
        </Form>
      )}
    </div>
  );
};

export default EmailVerification;

1	// Copyright 2021 Northern.tech AS
2	//
3	// Licensed under the Apache License, Version 2.0 (the "License");
4	// you may not use this file except in compliance with the License.
5	// You may obtain a copy of the License at
6	//
7	// http://www.apache.org/licenses/LICENSE-2.0
8	//
9	// Unless required by applicable law or agreed to in writing, software
10	// distributed under the License is distributed on an "AS IS" BASIS,
11	// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12	// See the License for the specific language governing permissions and
13	// limitations under the License.
14	import React, { useEffect, useState } from 'react';
15
16	import { Button } from '@mui/material';
17
18	import { TIMEOUTS } from '../../../../constants/appConstants';
19	import Form from '../../../common/forms/form';
20	import TextInput from '../../../common/forms/textinput';
21	import Loader from '../../../common/loader';
22
23	export const EmailVerification = ({ activationCode, verifyEmailComplete, verifyEmailStart }) => {	6✔
24	const [isVerifying, setIsVerifying] = useState(false);	1✔
25	const [isLoading, setIsLoading] = useState(false);	1✔
26
27	useEffect(() => {	1✔
28	setIsVerifying(Boolean(activationCode));	1✔
29	}, [activationCode]);
30
31	const startVerification = () => {	1✔
UNCOV 32	setIsLoading(true);	×
UNCOV 33	setTimeout(() => {	×
UNCOV 34	setIsVerifying(true);	×
UNCOV 35	setIsLoading(false);	×
36	}, TIMEOUTS.threeSeconds);
UNCOV 37	verifyEmailStart().catch(() => setIsVerifying(false));	×
38	};
39
40	const completeVerification = formData => {	1✔
UNCOV 41	verifyEmailComplete(formData.emailVerification);	×
42	};
43
44	return (	1✔
45	<div className="margin-top">
46	Please verify your email address first, to enable Two Factor Authentication.
47	<br />
48	Once you click the button below we will send you an email with a confirmation link in it and a confirmation field will appear below. Click on the link to
49	complete the verification. If the link does not work, you can also enter the confirmation code from the link in a confirmation field that will appear
50	below once you clicked the button.
51	{!isVerifying ? (	1!
52	<div className="flexbox center-aligned">
53	<Button variant="contained" disabled={isLoading} color="primary" onClick={startVerification} style={{ marginTop: 20, marginRight: 30 }}>
54	Verify your email address
55	</Button>
56	<Loader show={isLoading} />
57	</div>
58	) : (
59	<Form showButtons={isVerifying} buttonColor="primary" onSubmit={completeVerification} submitLabel="Verify">
60	<TextInput hint="Verification code" label="Verification code" id="emailVerification" required={true} value={activationCode} />
61	</Form>
62	)}
63	</div>
64	);
65	};
66
67	export default EmailVerification;

mendersoftware / gui / 1315906619

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous