From 4f8d933994c576dc180fae23a3dca477d2354939 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Mon, 24 Jul 2023 21:48:48 +0800
Subject: ...

---
 FrontEnd/src/pages/setting/ChangePasswordDialog.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

(limited to 'FrontEnd/src/pages/setting')

diff --git a/FrontEnd/src/pages/setting/ChangePasswordDialog.tsx b/FrontEnd/src/pages/setting/ChangePasswordDialog.tsx
index a523b454..5505137e 100644
--- a/FrontEnd/src/pages/setting/ChangePasswordDialog.tsx
+++ b/FrontEnd/src/pages/setting/ChangePasswordDialog.tsx
@@ -1,24 +1,25 @@
 import { useState } from "react";
-import * as React from "react";
 import { useNavigate } from "react-router-dom";
 
 import { userService } from "@/services/user";
 
 import OperationDialog from "@/views/common/dialog/OperationDialog";
 
-export interface ChangePasswordDialogProps {
+interface ChangePasswordDialogProps {
   open: boolean;
   close: () => void;
 }
 
-const ChangePasswordDialog: React.FC<ChangePasswordDialogProps> = (props) => {
+export function ChangePasswordDialog(props: ChangePasswordDialogProps) {
+  const { open, close } = props;
+
   const navigate = useNavigate();
 
   const [redirect, setRedirect] = useState<boolean>(false);
 
   return (
     <OperationDialog
-      open={props.open}
+      open={open}
       title="settings.dialogChangePassword.title"
       themeColor="danger"
       inputPrompt="settings.dialogChangePassword.prompt"
@@ -64,6 +65,6 @@ const ChangePasswordDialog: React.FC<ChangePasswordDialogProps> = (props) => {
       }}
     />
   );
-};
+}
 
 export default ChangePasswordDialog;
-- 
cgit v1.2.3