diff --git a/new-ui/src/pages/full/AddPage/components/AddCard/style.scss b/new-ui/src/pages/full/AddPage/components/AddCard/style.scss index d41fc982..e8d89154 100644 --- a/new-ui/src/pages/full/AddPage/components/AddCard/style.scss +++ b/new-ui/src/pages/full/AddPage/components/AddCard/style.scss @@ -1,17 +1,16 @@ .add-card { --border: var(--border-action-disabled); --shadow: box-shadow: 0 4px 12px 0 rgb(13 47 157 / 0%); - --color: var(--fg-white-80); + --color: var(--fg-white-60); box-sizing: border-box; border-radius: 12px; border: 1px solid var(--border); box-shadow: var(--shadow); - color: var(--color); overflow: hidden; transition-duration: 160ms; transition-timing-function: ease-out; - transition-property: border-color, box-shadow, color; + transition-property: border-color, box-shadow; max-width: 342px; min-height: 172px; @@ -48,9 +47,12 @@ } .description { - color: inherit; + color: var(--color); font: var(--t-body-xs-400); padding-bottom: var(--spacing-xl); + transition-duration: 160ms; + transition-timing-function: ease-out; + transition-property: color; } > .track { diff --git a/new-ui/src/pages/full/OverviewPage/components/ConnectModal/views/ConnectModalMfaSettings/ConnectModalMfaSettings.tsx b/new-ui/src/pages/full/OverviewPage/components/ConnectModal/views/ConnectModalMfaSettings/ConnectModalMfaSettings.tsx index 6506d08f..35e111b5 100644 --- a/new-ui/src/pages/full/OverviewPage/components/ConnectModal/views/ConnectModalMfaSettings/ConnectModalMfaSettings.tsx +++ b/new-ui/src/pages/full/OverviewPage/components/ConnectModal/views/ConnectModalMfaSettings/ConnectModalMfaSettings.tsx @@ -41,7 +41,7 @@ export const ConnectModalMfaSettings = () => { const [selectedMethod, setSelectedMethod] = useState(currentMethod); - const [setAsDefault, setSetAsDefault] = useState(true); + const [setAsDefault, setSetAsDefault] = useState(perviousView === null); const MfaFactorsList = useMemo((): MfaMethodValue[] => { if (location?.location_mfa_mode === LocationMfaMode.Internal) { diff --git a/new-ui/src/shared/components/Icon/icons/IconReport.tsx b/new-ui/src/shared/components/Icon/icons/IconReport.tsx index 14d31604..8bbb5bb8 100644 --- a/new-ui/src/shared/components/Icon/icons/IconReport.tsx +++ b/new-ui/src/shared/components/Icon/icons/IconReport.tsx @@ -4,17 +4,15 @@ export const IconReport = (props: SVGProps) => { return ( ); diff --git a/new-ui/src/shared/components/LocationCard/views/LocationCardMfaEmailView/LocationCardMfaEmailView.tsx b/new-ui/src/shared/components/LocationCard/views/LocationCardMfaEmailView/LocationCardMfaEmailView.tsx index 5066c7c5..e03ecb8c 100644 --- a/new-ui/src/shared/components/LocationCard/views/LocationCardMfaEmailView/LocationCardMfaEmailView.tsx +++ b/new-ui/src/shared/components/LocationCard/views/LocationCardMfaEmailView/LocationCardMfaEmailView.tsx @@ -38,17 +38,22 @@ export const LocationCardMfaEmailView = () => { const [emailCode, setEmailCode] = useState(null); const [error, setError] = useState(null); - const handleVerify = useCallback(() => { - if (!isPresent(emailCode)) { - setError('Enter code'); - return; - } - if (emailCode.length !== 6) { - setError('6 digits are required'); - return; - } - verifyCode(emailCode); - }, [emailCode, verifyCode]); + const handleVerify = useCallback( + (argCode?: string | null) => { + const toCheck = argCode ?? emailCode; + + if (!isPresent(toCheck)) { + setError('Enter code'); + return; + } + if (toCheck.length !== 6) { + setError('6 digits are required'); + return; + } + verifyCode(toCheck); + }, + [emailCode, verifyCode], + ); // biome-ignore lint/correctness/useExhaustiveDependencies: side effect of code input useEffect(() => { @@ -83,8 +88,7 @@ export const LocationCardMfaEmailView = () => { onChange={setEmailCode} error={startError ?? error} onSuccessPaste={(value) => { - setEmailCode(value); - handleVerify(); + handleVerify(value); }} /> @@ -107,7 +111,7 @@ export const LocationCardMfaEmailView = () => {