add login without password

WPMedia · Mar 18, 2024 · 3a336f7 · 3a336f7
1 parent 97c07f8
commit 3a336f7
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 3 deletions.
diff --git a/blocks/identity-block/_index.scss b/blocks/identity-block/_index.scss
@@ -67,6 +67,10 @@
 .b-login-links {
 	@include scss.block-components("login-links");
 	@include scss.block-properties("login-links");
+	&-ota-link {
+		@include scss.block-components("login-links-ota-link");
+		@include scss.block-properties("login-links-ota-link");
+	}
 }
 
 .b-reset-password {

diff --git a/blocks/identity-block/components/headlined-submit-form/index.jsx b/blocks/identity-block/components/headlined-submit-form/index.jsx
@@ -36,7 +36,7 @@ const HeadlinedSubmitForm = ({
 			</HeadingSection>
 			<form aria-label={headline} onSubmit={handleSubmit} ref={formRef}>
 				{children}
-				<Button size="medium" variant="primary" fullWidth type="submit">
+				<Button size="large" variant="primary" fullWidth type="submit">
 					{buttonLabel}
 				</Button>
 				{formErrorText ? (

diff --git a/blocks/identity-block/features/login-links/default.jsx b/blocks/identity-block/features/login-links/default.jsx
@@ -2,7 +2,7 @@ import React from "react";
 import PropTypes from "@arc-fusion/prop-types";
 import { useFusionContext } from "fusion:context";
 import getTranslatedPhrases from "fusion:intl";
-import { Link, Stack } from "@wpmedia/arc-themes-components";
+import { Link, Stack, Button } from "@wpmedia/arc-themes-components";
 
 const BLOCK_CLASS_NAME = "b-login-links";
 const defaultLoginURL = "/account/login/";
@@ -12,6 +12,7 @@ const defaultSignUpURL = "/account/signup/";
 const LoginLinks = ({ customFields }) => {
 	const {
 		showLogin = false,
+		showLoginWithoutPassword = false,
 		loginURL = defaultLoginURL,
 		showForgot = false,
 		forgotURL = defaultForgotURL,
@@ -28,6 +29,11 @@ const LoginLinks = ({ customFields }) => {
 
 	return (
 		<Stack as="div" className={BLOCK_CLASS_NAME}>
+			{showLoginWithoutPassword && (
+				<Button className={`${BLOCK_CLASS_NAME}-ota-link`} size="large" fullWidth type="submit">
+					Log in without password
+				</Button>
+			)}
 			{showLogin ? (
 				<Link href={loginURL}>{phrases.t("identity-block.login-links-login")}</Link>
 			) : null}
@@ -52,6 +58,11 @@ LoginLinks.propTypes = {
 			defaultValue: false,
 			group: "Login",
 		}),
+		showLoginWithoutPassword: PropTypes.bool.tag({
+			name: "Show Login without password",
+			defaultValue: false,
+			group: "Login",
+		}),
 		loginURL: PropTypes.string.tag({
 			name: "Login URL",
 			defaultValue: defaultLoginURL,

diff --git a/blocks/identity-block/themes/news.json b/blocks/identity-block/themes/news.json
@@ -295,6 +295,14 @@
 			"desktop": {}
 		}
 	},
+	"login-links-ota-link": {
+		"styles": {
+			"default": {
+				"border": "1px solid black"
+			},
+			"desktop": {}
+		}
+	},
 	"reset-password": {
 		"styles": {
 			"default": {
@@ -426,4 +434,4 @@
 			"desktop": {}
 		}
 	}
-}
+}