From d87f8986ee83c85d7cfe453d0b1ce58f5f188b92 Mon Sep 17 00:00:00 2001
From: Ariful Alam <swazan.arif@gmail.com>
Date: Mon, 25 Jul 2022 19:11:08 +0600
Subject: [PATCH] Add skeleton loader in footer

---
 src/components/GitProfile.jsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/GitProfile.jsx b/src/components/GitProfile.jsx
index 8771169..d6d5c88 100644
--- a/src/components/GitProfile.jsx
+++ b/src/components/GitProfile.jsx
@@ -18,6 +18,7 @@ import {
   setupHotjar,
   tooManyRequestError,
   sanitizeConfig,
+  skeleton,
 } from '../helpers/utils';
 import { HelmetProvider } from 'react-helmet-async';
 import PropTypes from 'prop-types';
@@ -208,10 +209,15 @@ const GitProfile = ({ config }) => {
                     rel="noreferrer"
                   >
                     <div>
-                      <p className="font-mono text-sm">
-                        Made with{' '}
-                        <span className="text-primary">GitProfile</span> and ❤️
-                      </p>
+                      {loading ? (
+                        skeleton({ width: 'w-52', height: 'h-6' })
+                      ) : (
+                        <p className="font-mono text-sm">
+                          Made with{' '}
+                          <span className="text-primary">GitProfile</span> and
+                          ❤️
+                        </p>
+                      )}
                     </div>
                   </a>
                 </div>