add LoginPage to Edit Profile

Author: mertbagt

components/EditProfilePage/EditProfilePage.tsx

@@ -27,6 +27,8 @@ import { TestimoniesTab } from "./TestimoniesTab"
 import { useFlags } from "components/featureFlags"
 import { PendingUpgradeBanner } from "components/PendingUpgradeBanner"
 
+import LoginPage from "components/Login/login"
+
 const tabTitle = ["about-you", "testimonies", "following"] as const
 export type TabTitles = (typeof tabTitle)[number]
 
@@ -39,14 +41,22 @@ export default function EditProfile({
   const uid = user?.uid
   const result = useProfile()
 
-  if (result.loading) {
+  if (result.loading && uid) {
     return (
       <Row>
         <Spinner animation="border" className="mx-auto" />
       </Row>
     )
   }
 
+  if (result.loading) {
+    return (
+      <Row>
+        <LoginPage />
+      </Row>
+    )
+  }
+
   if (result?.profile && uid) {
     return (
       <EditProfileForm

pages/edit-profile/[[...docName]].tsx

@@ -14,10 +14,11 @@ const Query = z.object({
 
 export default createPage({
   title: "Edit Profile",
-  Page: requireAuth(({ user }) => {
+  Page: () => {
+    // Page: requireAuth(({ user }) => {
     const tabTitle = Query.parse(useRouter().query).docName?.[0] || "about-you"
     return <EditProfile tabTitle={tabTitle as TabTitles} />
-  })
+  }
 })
 
 export const getStaticPaths: GetStaticPaths = async ctx => {