From f890a77d6d58a961283a4e315962b44b2b1a6096 Mon Sep 17 00:00:00 2001
From: mbaharip <62494292+mbahArip@users.noreply.github.com>
Date: Thu, 25 May 2023 21:15:22 +0700
Subject: [PATCH] Loading

---
 src/app/[...path]/loading.tsx | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 src/app/[...path]/loading.tsx

diff --git a/src/app/[...path]/loading.tsx b/src/app/[...path]/loading.tsx
new file mode 100644
index 0000000..b7b9f90
--- /dev/null
+++ b/src/app/[...path]/loading.tsx
@@ -0,0 +1,33 @@
+function RootLoading() {
+  return (
+    <div
+      className={
+        "mx-auto flex h-full w-full max-w-screen-xl flex-col gap-2"
+      }
+    >
+      <div
+        className={
+          "flex h-6 w-full items-center justify-between gap-2 tablet:gap-4"
+        }
+      >
+        <div
+          className={
+            "skeleton mr-auto h-full w-24 py-1 tablet:w-32"
+          }
+        />
+        <div
+          className={
+            "skeleton h-full w-24 py-1 tablet:w-32"
+          }
+        />
+      </div>
+      <div
+        className={
+          "skeleton h-full min-h-[50dvh] w-full rounded-lg px-4 py-2"
+        }
+      ></div>
+    </div>
+  );
+}
+
+export default RootLoading;