tethysfaceid
Version:
1 lines • 4.89 kB
JSON
{"ast":null,"code":"import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React from 'react';\nimport { Card, Divider, Result, Row, Col, Button } from 'antd';\nimport { SmileOutlined, FrownOutlined } from '@ant-design/icons';\nimport Avatar from 'antd/lib/avatar/avatar';\n\nconst UserStatus = ({\n data = {},\n status\n}) => {\n const {\n username,\n urlPictureUser,\n region,\n country,\n email,\n gender\n } = data || {};\n\n const title = /*#__PURE__*/_jsxs(\"div\", {\n className: \"text-regular\",\n children: [status === 'Matched' ? 'Welcome' : 'Oops!', \" \", /*#__PURE__*/_jsx(\"span\", {\n className: \"primary\",\n children: username\n }), \", Your face authentication \", status === 'Matched' ? 'was Successful.' : 'Failed!']\n });\n\n return /*#__PURE__*/_jsxs(\"div\", {\n children: [/*#__PURE__*/_jsx(Card, {\n children: /*#__PURE__*/_jsx(Result // status={status === 'Matched' ? \"success\" : 'error'}\n , {\n subTitle: title,\n className: \"no-padding\",\n icon: status === 'Matched' ? /*#__PURE__*/_jsx(SmileOutlined, {}) : /*#__PURE__*/_jsx(FrownOutlined, {}),\n extra: [status === 'Matched' && /*#__PURE__*/_jsx(Divider, {}, \"DIVIDER\"), status === 'Matched' && /*#__PURE__*/_jsxs(Row, {\n children: [/*#__PURE__*/_jsx(Col, {\n span: 8,\n xs: 24,\n md: 8,\n children: /*#__PURE__*/_jsx(Avatar, {\n size: {\n xs: 100,\n sm: 100,\n md: 150,\n lg: 150,\n xl: 150,\n xxl: 150\n },\n src: urlPictureUser,\n style: {\n border: '1px solid #03224c'\n },\n className: \"space-bottom\"\n })\n }), /*#__PURE__*/_jsxs(Col, {\n span: 16,\n xs: 24,\n sm: 13,\n md: 12,\n className: \"left\",\n style: {\n margin: '0 auto',\n textTransform: 'capitalize'\n },\n children: [/*#__PURE__*/_jsxs(Row, {\n className: \"space-top extra-short\",\n children: [/*#__PURE__*/_jsx(Col, {\n span: 5,\n xs: 12,\n className: \"secondary\",\n children: \"UserName :\"\n }), /*#__PURE__*/_jsx(Col, {\n span: 6,\n xs: 12,\n style: {\n textTransform: \"initial\"\n },\n children: username\n })]\n }), /*#__PURE__*/_jsxs(Row, {\n className: \"space-top extra-short\",\n children: [/*#__PURE__*/_jsx(Col, {\n span: 5,\n xs: 12,\n className: \"secondary\",\n children: \"Email :\"\n }), /*#__PURE__*/_jsx(Col, {\n span: 6,\n xs: 12,\n style: {\n textTransform: \"initial\"\n },\n children: email\n })]\n }), /*#__PURE__*/_jsxs(Row, {\n className: \"space-top extra-short\",\n children: [/*#__PURE__*/_jsx(Col, {\n span: 5,\n xs: 12,\n className: \"secondary\",\n children: \"Gender :\"\n }), /*#__PURE__*/_jsx(Col, {\n span: 6,\n xs: 12,\n children: gender\n })]\n }), /*#__PURE__*/_jsxs(Row, {\n className: \"space-top extra-short\",\n children: [/*#__PURE__*/_jsx(Col, {\n span: 5,\n xs: 12,\n className: \"secondary\",\n children: \"Country :\"\n }), /*#__PURE__*/_jsx(Col, {\n span: 6,\n xs: 12,\n children: country\n })]\n }), /*#__PURE__*/_jsxs(Row, {\n className: \"space-top extra-short\",\n children: [/*#__PURE__*/_jsx(Col, {\n span: 5,\n xs: 12,\n className: \"secondary\",\n children: \"Region :\"\n }), /*#__PURE__*/_jsx(Col, {\n span: 6,\n xs: 12,\n children: region\n })]\n })]\n })]\n }, \"row\")]\n })\n }), status !== 'Matched' && /*#__PURE__*/_jsx(\"a\", {\n href: \"/login\",\n children: /*#__PURE__*/_jsx(Button, {\n type: \"primary\",\n block: true,\n children: \" Try Again \"\n })\n })]\n });\n};\n\nexport default UserStatus;","map":null,"metadata":{},"sourceType":"module"}