From 3db1a2df6ed9539fc1f8f1d6ada52227a00c6796 Mon Sep 17 00:00:00 2001 From: mayankyadav19 Date: Thu, 21 May 2026 10:16:40 +0000 Subject: [PATCH] feat: add loading skeletons for app routes --- src/app/(app)/dashboard/loading.tsx | 159 +++++++++++++++++++++++ src/app/(app)/help-inbox/loading.tsx | 37 ++++++ src/app/(app)/issues/loading.tsx | 55 ++++++++ src/app/(app)/leaderboard/loading.tsx | 35 +++++ src/app/(app)/maintainer/loading.tsx | 111 ++++++++++++++++ src/app/(app)/my-prs/loading.tsx | 97 ++++++++++++++ src/app/(app)/settings/usage/loading.tsx | 42 ++++++ 7 files changed, 536 insertions(+) create mode 100644 src/app/(app)/dashboard/loading.tsx create mode 100644 src/app/(app)/help-inbox/loading.tsx create mode 100644 src/app/(app)/issues/loading.tsx create mode 100644 src/app/(app)/leaderboard/loading.tsx create mode 100644 src/app/(app)/maintainer/loading.tsx create mode 100644 src/app/(app)/my-prs/loading.tsx create mode 100644 src/app/(app)/settings/usage/loading.tsx diff --git a/src/app/(app)/dashboard/loading.tsx b/src/app/(app)/dashboard/loading.tsx new file mode 100644 index 0000000..a0ee2b6 --- /dev/null +++ b/src/app/(app)/dashboard/loading.tsx @@ -0,0 +1,159 @@ +export default function DashboardLoading() { + return ( +
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ {[1, 2].map((i) => ( +
+
+
+
+
+
+
+
+ ))} +
+
+ +
+
+
+
+
+ {[1, 2].map((i) => ( +
+
+
+
+
+
+
+
+
+
+ ))} +
+
+
+ +
+
+
+
+
+
+
+
+
+
+ {[1, 2].map((i) => ( +
+
+
+
+
+ ))} +
+
+ +
+
+
+
+
+
+ {[1, 2, 3].map((i) => ( +
+
+
+
+
+
+
+ ))} +
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+ ); +} diff --git a/src/app/(app)/help-inbox/loading.tsx b/src/app/(app)/help-inbox/loading.tsx new file mode 100644 index 0000000..e6ab74d --- /dev/null +++ b/src/app/(app)/help-inbox/loading.tsx @@ -0,0 +1,37 @@ +export default function HelpInboxPageLoading() { + return ( +
+
+
+
+
+
+
+
+
+ +
    + {[1, 2, 3].map((i) => ( +
  • +
    + +
    +
    +
    +
    +
    +
    + +
    + +
    +
    + +
    +
    • + ))} +
+
+
+ ); +} diff --git a/src/app/(app)/issues/loading.tsx b/src/app/(app)/issues/loading.tsx new file mode 100644 index 0000000..4e37d73 --- /dev/null +++ b/src/app/(app)/issues/loading.tsx @@ -0,0 +1,55 @@ +export default function IssuesPageLoading() { + return ( +
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+
+
+
+ +
+ +
+ {[1, 2, 3].map((i) => ( +
+
+
+
+ / +
+
+
+
+
+ +
+ +
+
+
+
+ +
+
+
+
+
+
+ ))} +
+
+
+ ); +} diff --git a/src/app/(app)/leaderboard/loading.tsx b/src/app/(app)/leaderboard/loading.tsx new file mode 100644 index 0000000..1615f5b --- /dev/null +++ b/src/app/(app)/leaderboard/loading.tsx @@ -0,0 +1,35 @@ +export default function LeaderboardPageLoading() { + return ( +
+
+
+ + + +
    + {[1, 2, 3, 4, 5].map((i) => ( +
  • +
    + +
    + +
    +
    +
    +
    + +
    + +
    +
    • + ))} +
+
+
+ ); +} diff --git a/src/app/(app)/maintainer/loading.tsx b/src/app/(app)/maintainer/loading.tsx new file mode 100644 index 0000000..a17835c --- /dev/null +++ b/src/app/(app)/maintainer/loading.tsx @@ -0,0 +1,111 @@ +export default function MaintainerPageLoading() { + return ( +
+
+
+
+
+
+ +
+
+
+
+ + | + +
+
+
+ +
+
+
+
+
+ +
+ +
+
+
+
+ {[1, 2, 3].map((i) => ( +
+
+
+
+
+
+
+ ))} +
+
+ +
+
+
+ {[1, 2, 3].map((i) => ( +
+
+
+
+
+
+
+ ))} +
+
+ +
+
+
+ {[1, 2, 3].map((i) => ( +
+
+
+
+
+
+
+ ))} +
+
+
+ +
    + {[1, 2].map((i) => ( +
  • +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    + + {i === 1 && ( +
    + )} +
    • + ))} +
+
+
+ ); +} diff --git a/src/app/(app)/my-prs/loading.tsx b/src/app/(app)/my-prs/loading.tsx new file mode 100644 index 0000000..637cae8 --- /dev/null +++ b/src/app/(app)/my-prs/loading.tsx @@ -0,0 +1,97 @@ +export default function MyPRsPageLoading() { + return ( +
+
+
+
+
+ +
+
+
+
+ +
+ {[1, 2, 3, 4].map((i) => ( +
+
+
+ ))} +
+ +
+
+ +
+ +
+ {[1, 2, 3].map((i) => ( +
+
+
+
+
+
+
+ +
+
+ +
+ +
+
+ ))} +
+
+ + +
+ ); +} diff --git a/src/app/(app)/settings/usage/loading.tsx b/src/app/(app)/settings/usage/loading.tsx new file mode 100644 index 0000000..aaa9814 --- /dev/null +++ b/src/app/(app)/settings/usage/loading.tsx @@ -0,0 +1,42 @@ +export default function UsagePageLoading() { + return ( +
+
+
+ +
+ +
+
+
+
+ +
+ {[1, 2].map((i) => ( +
+
+
+
+ ))} +
+ +
+ +
+ {[1, 2, 3].map((i) => ( +
+
+ +
+ +
+
+ ))} +
+
+
+ ); +}