style: 💄 community author

references/Lightning CLI/error-building-on-arm64.md

@@ -8,6 +8,12 @@ tags:
 - fix
 ---
 
+<!--
+  The following import is intentional (see partial <CheckoutCommitWarning />)
+-->
+import Author from '@site/src/components/Author';
+
+
 ## Building on the ARM64 (aarch64) 
 
 ARM64 platform has its own specifics, and currently consists of requiring `gcc`:
@@ -75,4 +81,12 @@ Options:
       --log-location         Print code location on console logs
   -h, --help                 Print help
   -V, --version              Print version
-```
+```
+
+<Author
+    name="Road aka @road"
+    image="https://github.com/ryssroad.png"
+    title="Community member"
+    url="https://github.com/ryssroad"
+    communityMember="true"
+/>

src/components/Author/index.tsx

@@ -1,15 +1,19 @@
 import React from 'react';
 
+const discordUrl = "https://discord.gg/fleekxyz";
+
 const Author = ({
   image,
   name,
   title,
   url,
+  communityMember = false,
 }: {
   name: string;
   image: string;
   title: string;
   url: string;
+  communityMember: boolean,
 }): JSX.Element => {
   return (
     <section className='author_card'>
@@ -18,7 +22,13 @@ const Author = ({
         <div>
           <span className='name'><a href={url} target="_blank" alt={name}>{name}</a></span>
           <span className='title'>{title}</span>
-          <span className='discord'>Got questions? Find us on <a href="https://discord.gg/fleekxyz" target="_blank">Discord!</a></span>
+          <span className='discord'>
+            {
+              communityMember
+                ? "Join our community on"
+                : "Got questions? Find us on"
+            } <a href={discordUrl} target="_blank">discord!</a>
+          </span>
         </div>
       </div>
     </section>