tethysfaceid/components/TermsAndConditionsForm/TermsAndConditions.js

import React, { useEffect, useState } from 'react';
import { Button, Card } from 'antd';
import { RightOutlined } from '@ant-design/icons';
import { Liveness } from "../LivenessCheck/liveness";
import { dataTermsPage } from './TermsAndConditionsData'
import TextNode from 'components/TextNode/TextNode';
import { faceCompare } from 'components/LogInForm/loginServices';
import { handleError } from 'common/utils';

const TermsAndConditions = ({ data, onContinue, }) => {

  const onLivenessCheckPressed = () => {
    Liveness.onLivenessCheckPressed(data, onContinue);
  }
  // const onClickHandler = () => {
  //   faceCompare({}).then((data) => {
  //     console.log(data);
  //   }).catch(handleError)
  // }
  const { id, username } = data || {};

  console.log(id, username);
  return (
    <div className="primary">
      <Card className="overflow-scroll" style={{ maxHeight: '60vh', borderBottom: 0 }} bodyStyle={{ paddingTop: '8x' }}>
        <TextNode data={dataTermsPage} />
      </Card>
      <div className="wrapping-box-container">
        <div id="controls" className="controls">
          <Button id="liveness-button"
            type="primary"
            block
            // onClick={onClickHandler}
            onClick={onLivenessCheckPressed}
          >
            Continue
            <RightOutlined />
          </Button>
        </div>
      </div>
    </div>
  );
};

export default TermsAndConditions;