fix: resolve exprot error

Author: martines3000

packages/dapp/src/app/profile/[slug]/PageSkeleton.tsx

@@ -0,0 +1,29 @@
+import { Container } from '@/components/Container';
+import { ProfileAvatarSkeleton } from './ProfileAvatar';
+import { Skeleton } from '@/components/ui/skeleton';
+import { FeedSkeleton } from './Feed';
+
+export const PageSkeleton = () => {
+  return (
+    <Container className="pt-16 max-w-[1440px] overflow-auto">
+      <div className="flex max-lg:flex-col w-full gap-4">
+        <div className="lg:w-[30%] min-w-[300px] w-full">
+          <div className="flex flex-col gap-y-2 text-center items-center">
+            <ProfileAvatarSkeleton size="5xl" />
+            <div className="text-3xl font-semibold">
+              <Skeleton className="w-[140px] h-9 bg-primary-200 rounded-3xl" />
+            </div>
+            <div className="flex gap-x-1 items-center text-md text-gray-600 font-medium">
+              <Skeleton className="w-[160px] h-8 bg-primary-200 rounded-3xl" />
+              <Skeleton className="w-[100px] h-8 bg-primary-200 rounded-3xl" />
+            </div>
+            <Skeleton className="mt-2 w-[260px] h-6 bg-primary-200 rounded-3xl" />
+          </div>
+        </div>
+        <div className="w-full">
+          <FeedSkeleton />
+        </div>
+      </div>
+    </Container>
+  );
+};

packages/dapp/src/app/profile/[slug]/loading.tsx

@@ -1,4 +1,4 @@
-import { PageSkeleton } from './page';
+import { PageSkeleton } from './PageSkeleton';
 
 export default function Loading() {
   return <PageSkeleton />;

packages/dapp/src/app/profile/[slug]/page.tsx

@@ -7,10 +7,9 @@ import { validateOrGetDefaultPlatform } from '@/utils/platform';
 import { Badges } from './Badges';
 import Link from 'next/link';
 import { ShareDialog } from './ShareDialog';
-import { ProfileAvatar, ProfileAvatarSkeleton } from './ProfileAvatar';
-import { Feed, FeedSkeleton } from './Feed';
+import { ProfileAvatar } from './ProfileAvatar';
+import { Feed } from './Feed';
 import { validateOrGetDefaultNetwork } from '@/utils/validateOrGetDefaultNetwork';
-import { Skeleton } from '@/components/ui/skeleton';
 
 export default async function Page({
   params: { slug },
@@ -74,31 +73,6 @@ export default async function Page({
   );
 }
 
-export const PageSkeleton = () => {
-  return (
-    <Container className="pt-16 max-w-[1440px] overflow-auto">
-      <div className="flex max-lg:flex-col w-full gap-4">
-        <div className="lg:w-[30%] min-w-[300px] w-full">
-          <div className="flex flex-col gap-y-2 text-center items-center">
-            <ProfileAvatarSkeleton size="5xl" />
-            <div className="text-3xl font-semibold">
-              <Skeleton className="w-[140px] h-9 bg-primary-200 rounded-3xl" />
-            </div>
-            <div className="flex gap-x-1 items-center text-md text-gray-600 font-medium">
-              <Skeleton className="w-[160px] h-8 bg-primary-200 rounded-3xl" />
-              <Skeleton className="w-[100px] h-8 bg-primary-200 rounded-3xl" />
-            </div>
-            <Skeleton className="mt-2 w-[260px] h-6 bg-primary-200 rounded-3xl" />
-          </div>
-        </div>
-        <div className="w-full">
-          <FeedSkeleton />
-        </div>
-      </div>
-    </Container>
-  );
-};
-
 // export async function generateMetadata({
 //   params: { slug },
 // }: {