From b0a4546dbe762644fdffc91c2c545764fdc88c69 Mon Sep 17 00:00:00 2001
From: Randy Rebucas <rebucasrandy1986@gmail.com>
Date: Tue, 27 Jun 2023 20:37:28 +0800
Subject: [PATCH] Create MiniApp.js

---
 src/Gallery/insertYourLoaderHere/MiniApp.js | 26 +++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 src/Gallery/insertYourLoaderHere/MiniApp.js

diff --git a/src/Gallery/insertYourLoaderHere/MiniApp.js b/src/Gallery/insertYourLoaderHere/MiniApp.js
new file mode 100644
index 0000000..e8a3747
--- /dev/null
+++ b/src/Gallery/insertYourLoaderHere/MiniApp.js
@@ -0,0 +1,26 @@
+import React from "react"
+import ContentLoader from "react-content-loader"
+
+const MiniAppLoader = props => {
+  return (
+    <ContentLoader viewBox="0 0 800 120" height={120} width={800}>
+                    <Rect x="25" y="10" rx="20" ry="20" width="70" height="70" />
+                    <Rect x="25" y="90" rx="0" ry="0" width="70" height="15" />
+                    <Rect x="115" y="10" rx="20" ry="20" width="70" height="70" />
+                    <Rect x="115" y="90" rx="0" ry="0" width="70" height="15" />
+                    <Rect x="205" y="10" rx="20" ry="20" width="70" height="70" />
+                    <Rect x="205" y="90" rx="0" ry="0" width="70" height="15" />
+                    <Rect x="295" y="10" rx="20" ry="20" width="70" height="70" />
+                    <Rect x="295" y="90" rx="0" ry="0" width="70" height="15" />
+                </ContentLoader>
+  )
+}
+
+MiniAppLoader.metadata = {
+  name: 'Randy Rebucas',
+  github: 'randy-rebucas',
+  description: 'A loading skeleton for your mini app programs.',
+  filename: 'MiniApp',
+}
+
+export default MiniAppLoader