From 64e5f8b3b6985b4e5b26ccbd612ff534f3520df2 Mon Sep 17 00:00:00 2001 From: Kai Chappell Date: Fri, 30 May 2025 20:34:31 +0100 Subject: [PATCH] loading skeletons --- frontend/src/app/categories/loading.tsx | 20 ++++++++++ frontend/src/app/patterns/[slug]/loading.tsx | 30 ++++++++++++++ frontend/src/app/patterns/loading.tsx | 20 ++++++++++ frontend/src/app/questions/[slug]/loading.tsx | 39 +++++++++++++++++++ frontend/src/app/questions/loading.tsx | 36 +++++++++++++++++ 5 files changed, 145 insertions(+) create mode 100644 frontend/src/app/categories/loading.tsx create mode 100644 frontend/src/app/patterns/[slug]/loading.tsx create mode 100644 frontend/src/app/patterns/loading.tsx create mode 100644 frontend/src/app/questions/[slug]/loading.tsx create mode 100644 frontend/src/app/questions/loading.tsx diff --git a/frontend/src/app/categories/loading.tsx b/frontend/src/app/categories/loading.tsx new file mode 100644 index 0000000..70c8e9a --- /dev/null +++ b/frontend/src/app/categories/loading.tsx @@ -0,0 +1,20 @@ +export default function CategoriesLoading() { + return ( +
+
+ +
+ {[1, 2, 3, 4, 5, 6].map((i) => ( +
+
+
+
+
+ ))} +
+
+ ); +} diff --git a/frontend/src/app/patterns/[slug]/loading.tsx b/frontend/src/app/patterns/[slug]/loading.tsx new file mode 100644 index 0000000..22c035a --- /dev/null +++ b/frontend/src/app/patterns/[slug]/loading.tsx @@ -0,0 +1,30 @@ +export default function PatternDetailLoading() { + return ( +
+
+ +
+ +
+
+
+
+
+ +
+
+
+ {[1, 2, 3].map((i) => ( +
+
+
+
+ ))} +
+
+
+ ); +} diff --git a/frontend/src/app/patterns/loading.tsx b/frontend/src/app/patterns/loading.tsx new file mode 100644 index 0000000..f2859ab --- /dev/null +++ b/frontend/src/app/patterns/loading.tsx @@ -0,0 +1,20 @@ +export default function PatternsLoading() { + return ( +
+
+ +
+ {[1, 2, 3, 4, 5, 6].map((i) => ( +
+
+
+
+
+ ))} +
+
+ ); +} diff --git a/frontend/src/app/questions/[slug]/loading.tsx b/frontend/src/app/questions/[slug]/loading.tsx new file mode 100644 index 0000000..e4f2b11 --- /dev/null +++ b/frontend/src/app/questions/[slug]/loading.tsx @@ -0,0 +1,39 @@ +export default function QuestionDetailLoading() { + return ( +
+
+ +
+ {[1, 2, 3].map((i) => ( +
+ ))} +
+ +
+
+
+
+
+ +
+
+
+ {[1, 2, 3].map((i) => ( +
+ ))} +
+
+ +
+
+
+
+
+ ); +} diff --git a/frontend/src/app/questions/loading.tsx b/frontend/src/app/questions/loading.tsx new file mode 100644 index 0000000..a4d616d --- /dev/null +++ b/frontend/src/app/questions/loading.tsx @@ -0,0 +1,36 @@ +export default function QuestionsLoading() { + return ( +
+
+ +
+
+
+
+ {[1, 2, 3, 4].map((i) => ( +
+ ))} +
+
+
+ +
+ +
+ {[1, 2, 3, 4, 5].map((i) => ( +
+
+
+
+
+ ))} +
+
+ ); +}