Add Website Status Component

arghyaxcodes · arghyaxcodes · commit f1cd7b53d178 · 2021-06-23T22:16:49.000+05:30
diff --git a/components/status.js b/components/status.js
@@ -0,0 +1,18 @@
+import React from "react";
+
+const Status = ({height=57,width=215}) => {
+  return (
+    <div>
+      <iframe className="pt-2 pb-2"
+        src="https://javaistic.instatus.com/embed-status/light-sm"
+        height={height}
+        width={width}
+        fontSize="20px"
+        frameBorder="0"
+        scrolling="no"
+      ></iframe>
+    </div>
+  );
+};
+
+export default Status;
diff --git a/theme.config.js b/theme.config.js
@@ -1,5 +1,6 @@
 import DocSearch from "components/docsearch";
 import { useRouter } from "next/router";
+import Status from "components/status";
 
 const Logo = ({ height }) => (
   <svg height={height} viewBox="0 0 291 79" fill="none">
@@ -108,7 +109,7 @@ export default {
 
       default:
         return (
-          <a
+          <><a
             href="https://vercel.com/?utm_source=javaistic&utm_campaign=oss"
             target="_blank"
             rel="noopener"
@@ -118,7 +119,7 @@ export default {
             <span>
               <Vercel />
             </span>
-          </a>
+          </a><Status /></>
         );
     }
   },
