♻️ Rename Update Email components (#469)

fastapi · Oct 26, 2024 · 98a75e2 · 98a75e2
1 parent caff0cc
commit 98a75e2
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 11 deletions.
diff --git a/...onents/Common/UpdateEmailVerification.tsx → ...src/components/Common/UpdateEmailInfo.tsx b/...onents/Common/UpdateEmailVerification.tsx → ...src/components/Common/UpdateEmailInfo.tsx
@@ -15,10 +15,7 @@ interface UpdateEmailVerificationProps {
   onClose: () => void
 }
 
-const UpdateEmailVerification = ({
-  isOpen,
-  onClose,
-}: UpdateEmailVerificationProps) => {
+const UpdateEmailInfo = ({ isOpen, onClose }: UpdateEmailVerificationProps) => {
   return (
     <>
       <Modal
@@ -58,4 +55,4 @@ const UpdateEmailVerification = ({
   )
 }
 
-export default UpdateEmailVerification
+export default UpdateEmailInfo
diff --git a/frontend/src/components/UserSettings/UserInformation.tsx b/frontend/src/components/UserSettings/UserInformation.tsx
@@ -8,7 +8,7 @@ import useCustomToast from "@/hooks/useCustomToast"
 import { handleError, nameRules } from "@/utils"
 import CustomCard from "../Common/CustomCard"
 import EditableField from "../Common/EditableField"
-import UpdateEmailVerification from "../Common/UpdateEmailVerification"
+import UpdateEmailInfo from "../Common/UpdateEmailInfo"
 import ChangePassword from "./ChangePassword"
 import DeleteAccount from "./DeleteAccount"
 
@@ -83,7 +83,7 @@ const UserInformationContent = () => {
         </CustomCard>
       </Container>
       {showUpdateEmailModal && (
-        <UpdateEmailVerification isOpen={isOpen} onClose={onClose} />
+        <UpdateEmailInfo isOpen={isOpen} onClose={onClose} />
       )}
     </>
   )

diff --git a/.../UserSettings/UpdateEmailVerification.tsx → ...onents/UserSettings/VerifyEmailUpdate.tsx b/.../UserSettings/UpdateEmailVerification.tsx → ...onents/UserSettings/VerifyEmailUpdate.tsx
@@ -5,7 +5,7 @@ import { useEffect } from "react"
 
 import { UsersService } from "../../client"
 
-const UpdateEmailVerification = () => {
+const VerifyEmailUpdate = () => {
   const token = new URLSearchParams(window.location.search).get("token")
 
   const verifyEmail = async (token: string) => {
@@ -79,4 +79,4 @@ const UpdateEmailVerification = () => {
   )
 }
 
-export default UpdateEmailVerification
+export default VerifyEmailUpdate
diff --git a/frontend/src/routes/verify-update-email.tsx b/frontend/src/routes/verify-update-email.tsx
@@ -1,6 +1,6 @@
 import { Flex } from "@chakra-ui/react"
 import { createFileRoute } from "@tanstack/react-router"
-import UpdateEmailVerification from "../components/UserSettings/UpdateEmailVerification"
+import VerifyEmailUpdate from "../components/UserSettings/VerifyEmailUpdate"
 
 export const Route = createFileRoute("/verify-update-email")({
   component: VerifyUpdateEmail,
@@ -10,7 +10,7 @@ function VerifyUpdateEmail() {
   return (
     <>
       <Flex flexDir={{ base: "column", md: "row" }} justify="center" h="100vh">
-        <UpdateEmailVerification />
+        <VerifyEmailUpdate />
       </Flex>
     </>
   )