From a43c8720f79860b117beaefd34e674236d122b00 Mon Sep 17 00:00:00 2001
From: simeng-li <simeng@silverhand.io>
Date: Wed, 1 Mar 2023 13:42:45 +0800
Subject: [PATCH] feat(ui): add password rule description (#3244)

Signed-off-by: tison <wander4096@gmail.com>
Co-authored-by: tison <wander4096@gmail.com>
Co-authored-by: Gao Sun <gao@silverhand.io>
---
 .../ui/src/pages/Continue/SetPassword/index.tsx    | 14 ++++++--------
 packages/ui/src/pages/RegisterPassword/index.tsx   |  6 +++++-
 packages/ui/src/pages/ResetPassword/index.tsx      |  6 +++++-
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/packages/ui/src/pages/Continue/SetPassword/index.tsx b/packages/ui/src/pages/Continue/SetPassword/index.tsx
index 770a65b82..07a450cce 100644
--- a/packages/ui/src/pages/Continue/SetPassword/index.tsx
+++ b/packages/ui/src/pages/Continue/SetPassword/index.tsx
@@ -1,19 +1,17 @@
-import type { TFuncKey } from 'react-i18next';
-
 import SecondaryPageWrapper from '@/components/SecondaryPageWrapper';
 import SetPasswordForm from '@/containers/SetPassword';
 
 import useSetPassword from './use-set-password';
 
-type Props = {
-  notification?: TFuncKey;
-};
-
-const SetPassword = (props: Props) => {
+const SetPassword = () => {
   const { setPassword } = useSetPassword();
 
   return (
-    <SecondaryPageWrapper title="description.set_password" {...props}>
+    <SecondaryPageWrapper
+      title="description.set_password"
+      description="error.password_min_length"
+      descriptionProps={{ min: 6 }}
+    >
       <SetPasswordForm autoFocus onSubmit={setPassword} />
     </SecondaryPageWrapper>
   );
diff --git a/packages/ui/src/pages/RegisterPassword/index.tsx b/packages/ui/src/pages/RegisterPassword/index.tsx
index 7cb99693e..511d5fa98 100644
--- a/packages/ui/src/pages/RegisterPassword/index.tsx
+++ b/packages/ui/src/pages/RegisterPassword/index.tsx
@@ -16,7 +16,11 @@ const RegisterPassword = () => {
   }
 
   return (
-    <SecondaryPageWrapper title="description.new_password">
+    <SecondaryPageWrapper
+      title="description.new_password"
+      description="error.password_min_length"
+      descriptionProps={{ min: 6 }}
+    >
       <SetPassword
         autoFocus
         onSubmit={(password) => {
diff --git a/packages/ui/src/pages/ResetPassword/index.tsx b/packages/ui/src/pages/ResetPassword/index.tsx
index c16497cf6..910b992eb 100644
--- a/packages/ui/src/pages/ResetPassword/index.tsx
+++ b/packages/ui/src/pages/ResetPassword/index.tsx
@@ -7,7 +7,11 @@ const ResetPassword = () => {
   const { resetPassword, errorMessage, clearErrorMessage } = useResetPassword();
 
   return (
-    <SecondaryPageWrapper title="description.new_password">
+    <SecondaryPageWrapper
+      title="description.new_password"
+      description="error.password_min_length"
+      descriptionProps={{ min: 6 }}
+    >
       <SetPassword
         autoFocus
         errorMessage={errorMessage}